
section.wrapper {
    width: 1180px;
    min-width: 1180px;
    margin: 0 auto;
    overflow: visible
}

section.content {
    padding-bottom: 100px
}

section.content:after,
section.content:before {
    content: " ";
    display: table
}

section.content:after {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.button {
    padding: 0 14px;
    border: none;
    height: 26px;
    border-radius: 2px;
    color: #fff;
    background-color: #d4d4d4
}

.button:hover {
    background-color: #b2b2b2
}

.button.primary {
    background-color: #0c7df5
}

.button.primary:hover {
    background-color: #2c86e2
}

a.button {
    display: inline-block;
    padding: 0 10px;
    height: 29px;
    line-height: 29px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    background-color: #0c7df5
}

a.button:hover {
    background-color: #2c86e2
}

.areas-loading,
.chart-loading {
    background: url(../images/loading.gif?v=4f3236673d) no-repeat center center
}

.chart-catch {
    background: url(../images/chart-catch.png?v=0a0e5887e0) no-repeat center center
}

.chart-kt {
    background: url(../images/chart-kt.png?v=2fdb2b3f3f) no-repeat center center
}

.chart-stop {
    background: url(../images/chart-stop.png?v=84766b6792) no-repeat center center
}

.chart-none-min {
    background: url(../images/chart-none-min.png?v=53c886e742) no-repeat center center
}

.chart-none-xz {
    background: url(../images/chart-none-xz.png?v=cc209e47fa) no-repeat center center!important
}

.word-none {
    background: url(../images/word-none.png?v=241bdc745f) no-repeat center center
}

.chart-filter-none {
    background: url(../images/filter-none.png?v=f95e6e6cdc) no-repeat center center
}

.chart-include-none {
    background: url(../images/include-none.png?v=dd6d097973) no-repeat center center
}

.fix-justify {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.error {
    padding: 10px 0;
    color: #ff3e3c;
    border: 1px solid #f5c8c3;
    text-align: center;
    background-color: #fcf1ef
}

.col-1 {
    float: left;
    width: 8.33333%;
    text-align: left
}

.col-1.center {
    text-align: center
}

.col-1.right {
    text-align: right
}

.col-2 {
    float: left;
    width: 16.66667%;
    text-align: left
}

.col-2.center {
    text-align: center
}

.col-2.right {
    text-align: right
}

.col-3 {
    float: left;
    width: 25%;
    text-align: left
}

.col-3.center {
    text-align: center
}

.col-3.right {
    text-align: right
}

.col-4 {
    float: left;
    width: 33.33333%;
    text-align: left
}

.col-4.center {
    text-align: center
}

.col-4.right {
    text-align: right
}

.col-5 {
    float: left;
    width: 41.66667%;
    text-align: left
}

.col-5.center {
    text-align: center
}

.col-5.right {
    text-align: right
}

.col-6 {
    float: left;
    width: 50%;
    text-align: left
}

.col-6.center {
    text-align: center
}

.col-6.right {
    text-align: right
}

.col-7 {
    float: left;
    width: 58.33333%;
    text-align: left
}

.col-7.center {
    text-align: center
}

.col-7.right {
    text-align: right
}

.col-8 {
    float: left;
    width: 66.66667%;
    text-align: left
}

.col-8.center {
    text-align: center
}

.col-8.right {
    text-align: right
}

.col-9 {
    float: left;
    width: 75%;
    text-align: left
}

.col-9.center {
    text-align: center
}

.col-9.right {
    text-align: right
}

.col-10 {
    float: left;
    width: 83.33333%;
    text-align: left
}

.col-10.center {
    text-align: center
}

.col-10.right {
    text-align: right
}

.col-11 {
    float: left;
    width: 91.66667%;
    text-align: left
}

.col-11.center {
    text-align: center
}

.col-11.right {
    text-align: right
}

.col-12 {
    float: left;
    width: 100%;
    text-align: left
}

.col-12.center {
    text-align: center
}

.col-12.right {
    text-align: right
}

.col2-1 {
    float: left;
    width: 5%
}

.col2-1.center {
    text-align: center
}

.col2-1.right {
    text-align: right
}

.col2-2 {
    float: left;
    width: 10%
}

.col2-2.center {
    text-align: center
}

.col2-2.right {
    text-align: right
}

.col2-3 {
    float: left;
    width: 15%
}

.col2-3.center {
    text-align: center
}

.col2-3.right {
    text-align: right
}

.col2-4 {
    float: left;
    width: 20%
}

.col2-4.center {
    text-align: center
}

.col2-4.right {
    text-align: right
}

.col2-5 {
    float: left;
    width: 25%
}

.col2-5.center {
    text-align: center
}

.col2-5.right {
    text-align: right
}

.col2-6 {
    float: left;
    width: 30%
}

.col2-6.center {
    text-align: center
}

.col2-6.right {
    text-align: right
}

.col2-7 {
    float: left;
    width: 35%
}

.col2-7.center {
    text-align: center
}

.col2-7.right {
    text-align: right
}

.col2-8 {
    float: left;
    width: 40%
}

.col2-8.center {
    text-align: center
}

.col2-8.right {
    text-align: right
}

.col2-9 {
    float: left;
    width: 45%
}

.col2-9.center {
    text-align: center
}

.col2-9.right {
    text-align: right
}

.col2-10 {
    float: left;
    width: 50%
}

.col2-10.center {
    text-align: center
}

.col2-10.right {
    text-align: right
}

.col2-11 {
    float: left;
    width: 55%
}

.col2-11.center {
    text-align: center
}

.col2-11.right {
    text-align: right
}

.col2-12 {
    float: left;
    width: 60%
}

.col2-12.center {
    text-align: center
}

.col2-12.right {
    text-align: right
}

.col2-13 {
    float: left;
    width: 65%
}

.col2-13.center {
    text-align: center
}

.col2-13.right {
    text-align: right
}

.col2-14 {
    float: left;
    width: 70%
}

.col2-14.center {
    text-align: center
}

.col2-14.right {
    text-align: right
}

.col2-15 {
    float: left;
    width: 75%
}

.col2-15.center {
    text-align: center
}

.col2-15.right {
    text-align: right
}

.col2-16 {
    float: left;
    width: 80%
}

.col2-16.center {
    text-align: center
}

.col2-16.right {
    text-align: right
}

.col2-17 {
    float: left;
    width: 85%
}

.col2-17.center {
    text-align: center
}

.col2-17.right {
    text-align: right
}

.col2-18 {
    float: left;
    width: 90%
}

.col2-18.center {
    text-align: center
}

.col2-18.right {
    text-align: right
}

.col2-19 {
    float: left;
    width: 95%
}

.col2-19.center {
    text-align: center
}

.col2-19.right {
    text-align: right
}

.col2-20 {
    float: left;
    width: 100%
}

.col2-20.center {
    text-align: center
}

.col2-20.right {
    text-align: right
}

.col3-1 {
    float: left;
    width: 2.5%
}

.col3-1.center {
    text-align: center
}

.col3-1.right {
    text-align: right
}

.col3-2 {
    float: left;
    width: 5%
}

.col3-2.center {
    text-align: center
}

.col3-2.right {
    text-align: right
}

.col3-3 {
    float: left;
    width: 7.5%
}

.col3-3.center {
    text-align: center
}

.col3-3.right {
    text-align: right
}

.col3-4 {
    float: left;
    width: 10%
}

.col3-4.center {
    text-align: center
}

.col3-4.right {
    text-align: right
}

.col3-5 {
    float: left;
    width: 12.5%
}

.col3-5.center {
    text-align: center
}

.col3-5.right {
    text-align: right
}

.col3-6 {
    float: left;
    width: 15%
}

.col3-6.center {
    text-align: center
}

.col3-6.right {
    text-align: right
}

.col3-7 {
    float: left;
    width: 17.5%
}

.col3-7.center {
    text-align: center
}

.col3-7.right {
    text-align: right
}

.col3-8 {
    float: left;
    width: 20%
}

.col3-8.center {
    text-align: center
}

.col3-8.right {
    text-align: right
}

.col3-9 {
    float: left;
    width: 22.5%
}

.col3-9.center {
    text-align: center
}

.col3-9.right {
    text-align: right
}

.col3-10 {
    float: left;
    width: 25%
}

.col3-10.center {
    text-align: center
}

.col3-10.right {
    text-align: right
}

.col3-11 {
    float: left;
    width: 27.5%
}

.col3-11.center {
    text-align: center
}

.col3-11.right {
    text-align: right
}

.col3-12 {
    float: left;
    width: 30%
}

.col3-12.center {
    text-align: center
}

.col3-12.right {
    text-align: right
}

.col3-13 {
    float: left;
    width: 32.5%
}

.col3-13.center {
    text-align: center
}

.col3-13.right {
    text-align: right
}

.col3-14 {
    float: left;
    width: 35%
}

.col3-14.center {
    text-align: center
}

.col3-14.right {
    text-align: right
}

.col3-15 {
    float: left;
    width: 37.5%
}

.col3-15.center {
    text-align: center
}

.col3-15.right {
    text-align: right
}

.col3-16 {
    float: left;
    width: 40%
}

.col3-16.center {
    text-align: center
}

.col3-16.right {
    text-align: right
}

.col3-17 {
    float: left;
    width: 42.5%
}

.col3-17.center {
    text-align: center
}

.col3-17.right {
    text-align: right
}

.col3-18 {
    float: left;
    width: 45%
}

.col3-18.center {
    text-align: center
}

.col3-18.right {
    text-align: right
}

.col3-19 {
    float: left;
    width: 47.5%
}

.col3-19.center {
    text-align: center
}

.col3-19.right {
    text-align: right
}

.col3-20 {
    float: left;
    width: 50%
}

.col3-20.center {
    text-align: center
}

.col3-20.right {
    text-align: right
}

.col3-21 {
    float: left;
    width: 52.5%
}

.col3-21.center {
    text-align: center
}

.col3-21.right {
    text-align: right
}

.col3-22 {
    float: left;
    width: 55%
}

.col3-22.center {
    text-align: center
}

.col3-22.right {
    text-align: right
}

.col3-23 {
    float: left;
    width: 57.5%
}

.col3-23.center {
    text-align: center
}

.col3-23.right {
    text-align: right
}

.col3-24 {
    float: left;
    width: 60%
}

.col3-24.center {
    text-align: center
}

.col3-24.right {
    text-align: right
}

.col3-25 {
    float: left;
    width: 62.5%
}

.col3-25.center {
    text-align: center
}

.col3-25.right {
    text-align: right
}

.col3-26 {
    float: left;
    width: 65%
}

.col3-26.center {
    text-align: center
}

.col3-26.right {
    text-align: right
}

.col3-27 {
    float: left;
    width: 67.5%
}

.col3-27.center {
    text-align: center
}

.col3-27.right {
    text-align: right
}

.col3-28 {
    float: left;
    width: 70%
}

.col3-28.center {
    text-align: center
}

.col3-28.right {
    text-align: right
}

.col3-29 {
    float: left;
    width: 72.5%
}

.col3-29.center {
    text-align: center
}

.col3-29.right {
    text-align: right
}

.col3-30 {
    float: left;
    width: 75%
}

.col3-30.center {
    text-align: center
}

.col3-30.right {
    text-align: right
}

.col3-31 {
    float: left;
    width: 77.5%
}

.col3-31.center {
    text-align: center
}

.col3-31.right {
    text-align: right
}

.col3-32 {
    float: left;
    width: 80%
}

.col3-32.center {
    text-align: center
}

.col3-32.right {
    text-align: right
}

.col3-33 {
    float: left;
    width: 82.5%
}

.col3-33.center {
    text-align: center
}

.col3-33.right {
    text-align: right
}

.col3-34 {
    float: left;
    width: 85%
}

.col3-34.center {
    text-align: center
}

.col3-34.right {
    text-align: right
}

.col3-35 {
    float: left;
    width: 87.5%
}

.col3-35.center {
    text-align: center
}

.col3-35.right {
    text-align: right
}

.col3-36 {
    float: left;
    width: 90%
}

.col3-36.center {
    text-align: center
}

.col3-36.right {
    text-align: right
}

.col3-37 {
    float: left;
    width: 92.5%
}

.col3-37.center {
    text-align: center
}

.col3-37.right {
    text-align: right
}

.col3-38 {
    float: left;
    width: 95%
}

.col3-38.center {
    text-align: center
}

.col3-38.right {
    text-align: right
}

.col3-39 {
    float: left;
    width: 97.5%
}

.col3-39.center {
    text-align: center
}

.col3-39.right {
    text-align: right
}

.col3-40 {
    float: left;
    width: 100%
}

.col3-40.center {
    text-align: center
}

.col3-40.right {
    text-align: right
}

.section-wrap {
    padding: 15px;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

.section-wrap.top {
    margin-top: 0
}

.pack-indicate {
    height: 67px;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 16px 17px 17px;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

.pack-indicate>div {
    position: relative;
    width: 100%;
    height: 32px
}

.pack-indicate .pack-name {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-size: 18px;
    color: #666;
    height: 32px
}

.pack-indicate .pack-name i {
    float: left;
    margin-right: 10px
}

.pack-indicate .pack-name>div {
    display: inline-block
}

.pack-indicate .time {
    position: absolute;
    right: 0;
    color: #999;
    font-size: 14px;
    height: 32px
}

.pack-indicate .time div {
    height: 50%
}

.section-title-wrap {
    clear: both;
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px
}

.section-title-wrap h1 {
    float: left
}

.section-title-wrap .title-count {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 44px
}

.section-title-wrap .title-count em {
    padding: 0 5px;
    font-style: normal;
    color: #0c7df5
}

.section-title-wrap .title {
    float: left;
    width: auto;
    height: 44px;
    border-bottom: 2px solid #0c7df5;
    margin-bottom: -1px;
    font-size: 14px!important;
    font-weight: 700;
    line-height: 44px
}

.section-title-wrap .title h1 {
    font-size: 14px!important;
    margin: 0
}

.section-title-wrap>div:first-child {
    float: left;
    width: auto;
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 1px
}

.section-title-wrap .info-title {
    display: inline-block;
    line-height: 44px;
    color: #9a9a9a;
    padding-left: 10px
}

.tab-change {
    position: relative
}

.tab-change:after,
.tab-change:before {
    content: " ";
    display: table
}

.tab-change:after {
    clear: both
}

.tab-change li {
    float: left;
    width: auto;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    color: #999;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer
}

.tab-change li.export {
    float: right;
    margin-right: 0
}

.tab-change li.export .export-li.single {
    top: 0;
    right: 0
}

.tab-change li.export.active,
.tab-change li.export:hover {
    background-color: transparent;
    color: #fff
}

.tab-change li.export.active a,
.tab-change li.export:hover a {
    color: #fff
}

.tab-change li.active,
.tab-change li:hover {
    background-color: #0c7df5;
    color: #fff
}

.tab-change li.active a,
.tab-change li:hover a {
    color: #fff
}

.tab-change li.link {
    padding: 0
}

.tab-change li.link a {
    display: block;
    padding: 0 20px;
    height: 100%
}

.backtop-wrap {
    position: fixed;
    margin-left: 600px;
    right: 0;
    bottom: 70px;
    z-index: 5555
}

.backtop-wrap.accredit .rock:hover {
    background: url(../images/backtop-rock.png?v=91e06eabd6) left bottom no-repeat
}

.rock {
    position: relative;
    display: block;
    width: 48px;
    height: 94px;
    background: url(../images/backtop-rock.png?v=91e06eabd6) transparent left bottom no-repeat
}

.rock .rock-ad {
    display: none
}

.rock:hover .rock-ad {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 200px;
    background: url(../images/backtop-ad.png?v=0476ff1d7c) transparent left bottom no-repeat!important
}

.toshare-piao {
    position: relative;
    display: block;
    width: 48px;
    height: 98px
}

.toshare-piao .original {
    position: relative;
    right: 12px;
    bottom: -5px;
    width: 60px;
    height: 93px;
    display: block;
    background: url(../images/formal/piao/toshare.png?v=5a18fd85fb) transparent left bottom no-repeat
}

.toshare-piao .toshare-ad,
.toshare-piao:hover .original {
    display: none
}

.toshare-piao:hover .toshare-ad {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 150px;
    background: url(../images/formal/piao/toshare-ad.png?v=0f6db5bdca) transparent left bottom no-repeat!important
}

.process-wrap {
    position: relative;
    width: 46px;
    height: 46px;
    border: 1px solid #e6e6e6;
    background: url(../images/progress/load.png?v=f10425a18b) #fff no-repeat
}

.process-wrap>.process-content {
    display: none;
    position: absolute;
    right: 56px;
    bottom: 0;
    width: 290px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.process-wrap>.process-content:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    bottom: 16px;
    right: -10px;
    border: 5px solid transparent;
    border-left: 5px solid #fff
}

.process-wrap>.process-content .title {
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    background-color: #f6f6f6;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    color: #666
}

.process-wrap>.process-content ul>li {
    list-style: none;
    height: 67px;
    margin: 0 15px;
    border-bottom: 1px dashed #f0f0f0;
    overflow: hidden
}

.process-wrap>.process-content ul>li:last-child {
    border-top: 0
}

.process-wrap>.process-content ul .img-wrap {
    width: 36px;
    height: 36px;
    margin: 15px 0;
    float: left
}

.process-wrap>.process-content ul .img-wrap.baidupc-img {
    background: url(../images/progress/baidupc.png?v=7955a22d8c) #fff center center no-repeat
}

.process-wrap>.process-content ul .img-wrap.baidumobile-img {
    background: url(../images/progress/baidumobile.png?v=b6ff4a72b4) #fff center center no-repeat
}

.process-wrap>.process-content ul .img-wrap.s360-img {
    background: url(../images/progress/360.png?v=f247d25658) #fff center center no-repeat
}

.process-wrap>.process-content ul .detail {
    float: left;
    width: 172px
}

.process-wrap>.process-content ul .detail span {
    min-width: 62px;
    display: block;
    float: left;
    color: #555;
    padding-right: 10px
}

.process-wrap>.process-content ul .detail .updatetime {
    color: #999;
    font-size: 12px
}

.process-wrap>.process-content ul .detail .updatetime.hide-it {
    display: none
}

.process-wrap>.process-content ul .detail .updatetime span {
    display: inline-block;
    float: none;
    padding-left: 10px;
    color: #999
}

.process-wrap>.process-content ul .detail progress {
    width: 100px;
    height: 10px;
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0
}

.process-wrap>.process-content ul .detail progress::-moz-progress-bar {
    background: #f0f0f0
}

.process-wrap>.process-content ul .detail progress::-webkit-progress-bar {
    background: #f0f0f0
}

.process-wrap>.process-content ul .detail progress.baidupc-progress {
    color: #0c7df5
}

.process-wrap>.process-content ul .detail progress.baidupc-progress::-webkit-progress-value {
    background: #0c7df5
}

.process-wrap>.process-content ul .detail progress.baidupc-progress::-moz-progress-bar {
    background: #0c7df5
}

.process-wrap>.process-content ul .detail progress.baidumobile-progress {
    color: #35bde6
}

.process-wrap>.process-content ul .detail progress.baidumobile-progress::-webkit-progress-value {
    background: #35bde6
}

.process-wrap>.process-content ul .detail progress.baidumobile-progress::-moz-progress-bar {
    background: #35bde6
}

.process-wrap>.process-content ul .detail progress.s360-progress {
    color: #60c64b
}

.process-wrap>.process-content ul .detail progress.s360-progress::-webkit-progress-value {
    background: #60c64b
}

.process-wrap>.process-content ul .detail progress.s360-progress::-moz-progress-bar {
    background: #60c64b
}

.process-wrap>.process-content ul .detail .row:first-child {
    margin-top: 16px
}

.process-wrap>.process-content ul .detail .row.single {
    margin-top: 25px
}

.process-wrap>.process-content ul .data {
    width: 50px;
    line-height: 66px;
    float: left;
    text-align: right;
    font-size: 14px;
    font-weight: 700
}

.process-wrap>.process-content ul .data.baidupc-data {
    color: #0c7df5
}

.process-wrap>.process-content ul .data.baidumobile-data {
    color: #35bde6
}

.process-wrap>.process-content ul .data.s360-data {
    color: #60c64b
}

.process-wrap.active,
.process-wrap:hover {
    background: url(../images/progress/load.png?v=f10425a18b) #f0f0f0 no-repeat;
    display: block
}

.process-wrap.active>.process-content,
.process-wrap:hover>.process-content {
    display: block
}

.user-level-wrap {
    position: relative;
    width: 46px;
    height: 46px;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 12px
}

.user-level-wrap.lv1 {
    background: url(../images/formal/piao/lv1.png?v=8271cdf671) #fff center no-repeat
}

.user-level-wrap.lv2 {
    background: url(../images/formal/piao/lv2.png?v=0544bc76b0) #fff center no-repeat
}

.user-level-wrap.lv3 {
    background: url(../images/formal/piao/lv3.png?v=97095fc3b8) #fff center no-repeat
}

.user-level-wrap.lv4 {
    background: url(../images/formal/piao/lv4.png?v=9eb61971fb) #fff center no-repeat
}

.user-level-wrap.lv5 {
    background: url(../images/formal/piao/lv5.png?v=646540280f) #fff center no-repeat
}

.user-level-wrap>.user-level-content {
    display: none;
    padding: 20px;
    position: absolute;
    right: 56px;
    bottom: 0;
    width: 290px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.user-level-wrap>.user-level-content:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    bottom: 16px;
    right: -10px;
    border: 5px solid transparent;
    border-left: 5px solid #fff
}

.user-level-wrap>.user-level-content .top {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px dashed #f0f0f0
}

.user-level-wrap>.user-level-content .top .avatar {
    float: left;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden
}

.user-level-wrap>.user-level-content .top .info {
    float: left
}

.user-level-wrap>.user-level-content .top .info .tips {
    float: left;
    padding: 0 13px;
    height: 20px;
    line-height: 20px;
    color: #666;
    margin-top: 3px
}

.user-level-wrap>.user-level-content .top .info .tips em {
    font-style: normal;
    padding: 0 5px
}

.user-level-wrap>.user-level-content .top .info .tips.tips1 {
    background-color: #e5f3fc
}

.user-level-wrap>.user-level-content .top .info .tips.tips1 em {
    color: #0c7df5
}

.user-level-wrap>.user-level-content .top .info .tips.tips2 {
    background-color: #ffefdf
}

.user-level-wrap>.user-level-content .top .info .tips.tips2 em {
    color: #ff2c2c
}

.user-level-wrap>.user-level-content .top .info .shuoming {
    height: 28px
}

.user-level-wrap>.user-level-content .top .info .shuoming i {
    width: 50px;
    height: 22px;
    display: block;
    float: left;
    margin: auto 3px auto 0
}

.user-level-wrap>.user-level-content .top .info .shuoming .lv1 {
    background: url(../images/account/level/lv1.png?v=55529e99bb) no-repeat left center
}

.user-level-wrap>.user-level-content .top .info .shuoming .lv2 {
    background: url(../images/account/level/lv2.png?v=c7112e5513) no-repeat left center
}

.user-level-wrap>.user-level-content .top .info .shuoming .lv3 {
    background: url(../images/account/level/lv3.png?v=798051e5e0) no-repeat left center
}

.user-level-wrap>.user-level-content .top .info .shuoming .lv4 {
    background: url(../images/account/level/lv4.png?v=f47a8acff9) no-repeat left center
}

.user-level-wrap>.user-level-content .top .info .shuoming .lv5 {
    width: 51px;
    height: 22px;
    background: url(../images/account/level/lv5.png?v=cd7fdc77e0) no-repeat left center
}

.user-level-wrap>.user-level-content .top .info .shuoming em {
    font-style: normal;
    font-weight: 400;
    color: #0c7df5;
    padding: 0 5px
}

.user-level-wrap>.user-level-content .top .info .shuoming .btn {
    display: block;
    float: left;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    margin: auto 0 auto 10px;
    background-color: #ffaa01;
    border-radius: 2px;
    color: #fff
}

.user-level-wrap>.user-level-content .top .info .shuoming .btn.btn-goon,
.user-level-wrap>.user-level-content .top .info .shuoming .btn.btn-upgrade {
    margin-top: 2px
}

.user-level-wrap>.user-level-content .top .info>a {
    margin-top: 8px;
    display: block;
    width: 120px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    background-color: #0c7df5;
    color: #fff
}

.user-level-wrap>.user-level-content .body {
    overflow: hidden;
    padding-top: 5px;
    clear: both
}

.user-level-wrap>.user-level-content .body dl {
    padding: 0;
    text-align: left;
    color: #666;
    overflow: hidden
}

.user-level-wrap>.user-level-content .body dl dd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-level-wrap>.user-level-content .body dl .blue {
    color: #0c7df5
}

.user-level-wrap>.user-level-content .body dl .right {
    text-align: right
}

.user-level-wrap>.user-level-content .bottom-wrap-quanxian {
    margin-top: 10px;
    overflow: hidden
}

.user-level-wrap>.user-level-content .bottom-wrap-quanxian a {
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    color: #0c7df5;
    float: right;
    text-align: right
}

.user-level-wrap.active,
.user-level-wrap:hover {
    background-color: #f0f0f0;
    display: block
}

.user-level-wrap.active>.user-level-content,
.user-level-wrap:hover>.user-level-content {
    display: block
}

.code {
    display: none;
    position: relative;
    width: 46px;
    height: 46px;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: url(../images/backtop-code.png?v=f0e2e7b006) #fff no-repeat
}

.code>.code-count {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #ff3f3e;
    color: #fff;
    text-align: center
}

.code>.code-content {
    display: none;
    position: absolute;
    right: 56px;
    bottom: 0;
    width: auto;
    min-width: 162px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.code>.code-content:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    bottom: 16px;
    right: -10px;
    border: 5px solid transparent;
    border-left: 5px solid #fff
}

.code>.code-content .title {
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    background-color: #f6f6f6;
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    color: #666
}

.code>.code-content .body>div {
    height: 30px;
    line-height: 30px;
    width: 131px;
    margin: 0 15px;
    border-top: 1px dashed #e6e6e6
}

.code>.code-content .body>div a {
    float: right;
    color: #0c7df5
}

.code>.code-content .body>div a.used {
    color: #999;
    cursor: not-allowed
}

.code>.code-content .body>div:first-child {
    border-top: 0
}

.code.active,
.code:hover {
    background: url(../images/backtop-code.png?v=f0e2e7b006) #f0f0f0 no-repeat;
    display: block
}

.code.active>.code-content,
.code:hover>.code-content {
    display: block
}

.backtop {
    display: none;
    border: 1px solid #e6e6e6;
    width: 46px;
    height: 46px;
    background: url(../images/backtop.png?v=2c953ff31c) #fff no-repeat;
    z-index: 100
}

.backtop:hover {
    background: url(../images/backtop.png?v=2c953ff31c) #f0f0f0 no-repeat
}

.backtop.min {
    margin-left: 550px
}

.backtop.show {
    display: block
}

.highcharts-tooltip {
    z-index: 10001
}

.highcharts-tooltip>span {
    background: #fff;
    border: 1px solid #4f99f0;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #ccc;
    padding: 8px
}

.highcharts-tooltip span {
    display: inline!important
}

.bd_weixin_popup {
    height: auto!important
}

.export-btn {
    display: block;
    float: right;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #0c7df5;
    color: #fff;
    height: 32px;
    font-size: 14px
}

.export-btn i {
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 2px
}

.icon-back-to-old-lingshi {
    background-image: url(/Content/assist/images/back-to-old.png);
    display: inline-block;
    font-size: 0;
    width: 16px;
    height: 16px
}

.icon-welcome-qq-lingshi {
    font-size: 0;
    background-image: url(/Content/assist/images/welcome-qq.png);
    width: 16px;
    height: 17px
}

.level-modal .lv1 {
    background: url(../images/account/level/lv1.png?v=55529e99bb) no-repeat left center
}

.level-modal .lv2 {
    background: url(../images/account/level/lv2.png?v=c7112e5513) no-repeat left center
}

.level-modal .lv3 {
    background: url(../images/account/level/lv3.png?v=798051e5e0) no-repeat left center
}

.level-modal .lv4 {
    background: url(../images/account/level/lv4.png?v=f47a8acff9) no-repeat left center
}

.level-modal .lv5 {
    background: url(../images/account/level/lv5.png?v=cd7fdc77e0) no-repeat left center
}

.level-modal .header {
    padding: 15px 15px 0;
    height: 33px
}

.level-modal .header .icon-close {
    float: right
}

.level-modal .body {
    padding: 0 20px
}

.level-modal .downfooter {
    padding: 20px;
    overflow: hidden
}

.level-modal .downfooter a {
    display: block;
    line-height: 30px;
    color: #0c7df5;
    float: right
}

.level-modal .downfooter a:first-child {
    margin-left: 137px;
    margin-right: 34px
}

.level-modal .downfooter .link-change-wrap {
    float: left;
    font-size: 12px;
    margin-bottom: 8px
}

.level-modal .downfooter .link-change-wrap .top-wrap {
    margin-top: 5px;
    overflow: visible
}

.level-modal .downfooter .link-change-wrap .top-wrap .explain-wrap {
    top: -6px
}

.level-modal .downfooter .link-change-wrap .top-wrap .explain-wrap i {
    margin-top: 0
}

.level-modal .downfooter .link-change-wrap .top-wrap>a {
    margin-left: 5px;
    margin-top: 5px
}

.level-modal .downfooter .link-change-wrap .change-box {
    display: inline-block;
    height: 22px;
    border: 1px solid #e8303c;
    background-color: #fff;
    font-size: 12px
}

.level-modal .downfooter .link-change-wrap .change-box .left {
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    float: left;
    background-color: #e8303c;
    color: #fff
}

.level-modal .downfooter .link-change-wrap .change-box .left input {
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 5px;
    margin-right: 5px
}

.level-modal .downfooter .link-change-wrap .change-box .right {
    float: left;
    padding: 0 10px;
    line-height: 20px;
    background-color: #fff
}

.level-modal .downfooter .link-change-tips {
    color: #ff3d39;
    clear: both
}

.level-modal .downfooter .link-change-tips a {
    display: inline-block;
    color: #0c7df5;
    margin-left: 0;
    float: none
}

.level-modal em {
    font-style: normal;
    font-weight: 400
}

.level-modal .top-wrap {
    font-size: 14px;
    overflow: hidden;
    clear: both
}

.level-modal .top-wrap .avatar {
    width: 50px;
    height: 50px;
    padding: 1px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px
}

.level-modal .top-wrap .avatar>img {
    display: block
}

.level-modal .top-wrap .info {
    height: 26px;
    float: left;
    margin-left: 6px
}

.level-modal .top-wrap .info .top {
    overflow: hidden
}

.level-modal .top-wrap .info .top .btn {
    display: block;
    float: left;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    margin: auto 0 auto 10px;
    background-color: #ffaa01;
    border-radius: 2px;
    color: #fff
}

.level-modal .top-wrap .info .top .btn.btn-goon,
.level-modal .top-wrap .info .top .btn.btn-upgrade {
    margin-top: 5px
}

.level-modal .top-wrap .info .top i {
    display: block;
    float: left;
    width: 51px;
    height: 28px
}

.level-modal .top-wrap .info .top a {
    display: block;
    float: left;
    border-radius: 2px;
    background-color: #ffa800;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    line-height: 22px;
    font-size: 12px
}

.level-modal .top-wrap .suoming {
    display: block;
    height: 22px;
    position: relative;
    float: left;
    color: #888;
    margin: 0;
    margin-right: 20px;
    margin-top: 2px;
    font-size: 12px;
    clear: both
}

.level-modal .top-wrap .suoming .span1 {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background-color: #e4f4fc
}

.level-modal .top-wrap .suoming .span1 em {
    display: inline-block;
    font-style: normal;
    color: #2c8cee;
    padding: 0 5px
}

.level-modal .top-wrap .suoming .span2 {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background-color: #fff0dd
}

.level-modal .top-wrap .suoming .span2 em {
    display: inline-block;
    font-style: normal;
    color: #fe2c2b;
    padding: 0 5px
}

.level-modal .top-wrap .suoming .span2 em.blue {
    color: #2c8cee
}

.level-modal .list-wrap {
    border: 1px solid #f0f0f0;
    padding: 5px 15px;
    margin-top: 20px;
    position: relative
}

.level-modal .list-wrap.max {
    font-size: 14px;
    border: none;
    background: none;
    padding: 0 15px;
    height: 20px;
    margin-top: 10px
}

.level-modal .list-wrap.max tr {
    height: 45px;
    border-bottom: 1px dashed #ffdaae
}

.level-modal .list-wrap.max tr:last-child {
    border-bottom: none
}

.level-modal .list-wrap.max tr .big {
    font-weight: 400;
    line-height: 1;
    font-size: 14px
}

.level-modal .list-wrap table {
    text-align: left
}

.level-modal .list-wrap tr {
    height: 45px;
    border-bottom: 1px dashed #f0f0f0
}

.level-modal .list-wrap tr:last-child {
    border-bottom: none
}

.level-modal .list-wrap th {
    color: #999;
    padding: 0 5px
}

.level-modal .list-wrap th.left {
    text-align: left
}

.level-modal .list-wrap td {
    color: #666;
    padding-left: 5px
}

.level-modal .list-wrap td>i {
    display: block;
    width: 64px;
    height: 22px
}

.level-modal .list-wrap td>i.lv5 {
    height: 28px
}

.level-modal .list-wrap .spandes {
    padding-top: 2px;
    float: left;
    width: 88px;
    height: 22px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #0c7df5
}

.level-modal .list-wrap .spandes.not-allow {
    cursor: not-allowed;
    border: 1px solid #e3e3e3
}

.level-modal .list-wrap .spandes.toshare {
    border: 1px dashed #86bef9
}

.level-modal .list-wrap .upgrade {
    padding-top: 2px;
    float: left;
    width: 88px;
    height: 22px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ffaa01;
    font-weight: 700
}

.level-modal .list-wrap .upgrade.not-allow {
    cursor: not-allowed;
    border: 1px solid #e3e3e3
}

.level-modal .list-wrap .upgrade.toshare {
    border: 1px dashed #86bef9
}

.level-modal .list-wrap .btn-upgrade {
    float: left;
    width: 120px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    background-color: #ffaa01;
    color: #fff;
    text-align: left;
    margin-left: -2px
}

.level-modal .list-wrap .btn-upgrade .icon-upgrade {
    display: block;
    float: left;
    width: 11px;
    margin-top: 0;
    margin-left: 44px;
    margin-right: 6px;
    height: 22px;
    background: url(../images/account/upgrade.gif?v=6dba3bbd1a) no-repeat left center
}

.level-modal .list-wrap .btn-down-all {
    padding-top: 2px;
    float: left;
    width: 208px;
    height: 22px;
    border-radius: 2px;
    background-color: #ffaa01;
    color: #fff;
    text-align: left;
    margin-left: -2px
}

.level-modal .list-wrap .btn-down-all .icon-down {
    display: block;
    float: left;
    width: 9px;
    margin-top: 5px;
    margin-left: 54px;
    margin-right: 6px;
    height: 11px;
    background: url(../images/account/download.png?v=d392edd3d8) no-repeat left center
}

.level-modal .list-wrap .btn {
    padding-top: 2px;
    float: left;
    width: 120px;
    height: 22px;
    border-radius: 2px;
    background-color: #0c7df5;
    color: #fff;
    text-align: left;
    margin-left: -2px
}

.level-modal .list-wrap .btn.btn-down-all {
    background-color: #ffaa01
}

.level-modal .list-wrap .btn.not-allow {
    cursor: not-allowed;
    background-color: #e3e3e3
}

.level-modal .list-wrap .btn.toshare {
    background-color: #86bef9;
    color: #fff;
    border: 1px solid #86bef9
}

.level-modal .list-wrap .btn .icon-down {
    display: block;
    float: left;
    width: 9px;
    margin-top: 5px;
    margin-left: 44px;
    margin-right: 6px;
    height: 11px;
    background: url(../images/account/download.png?v=d392edd3d8) no-repeat left center
}

.level-modal .list-wrap .btn .icon-share {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    margin-right: 5px;
    margin-top: 2px;
    background: url(../images/account/share_white.png?v=18a852f014) no-repeat left center
}

.level-modal .list-wrap .payexport {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 140px;
    height: 180px;
    padding: 20px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #60c54d
}

.level-modal .list-wrap .payexport>div {
    margin-bottom: 5px
}

.level-modal .list-wrap .payexport .boxbg {
    margin-left: 20px;
    float: left;
    width: 78px;
    height: 60px;
    background: url(../images/account/boxexport.png?v=9d96dbcadc) no-repeat left center
}

.level-modal .list-wrap .payexport .btnexport {
    float: left;
    width: 100px;
    height: 30px;
    color: #fff;
    border-radius: 2px;
    font-size: 18px;
    border: 1px solid #fff;
    margin-left: 10px;
    font-weight: 400
}

.level-modal .paysuccess {
    height: auto!important
}

.level-modal .paysuccess .app-modal-bodyer {
    padding: 20px 30px;
    height: auto!important;
    overflow: hidden
}

.level-modal .paysuccess .app-modal-bodyer .icon-success {
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 20px
}

.level-modal .paysuccess .app-modal-bodyer .content {
    float: left;
    height: 70px;
    width: 310px;
    line-height: 24px
}

.level-modal .paysuccess .app-modal-bodyer .content a,
.level-modal .paysuccess .app-modal-bodyer .content span {
    color: #0c7df5
}

.level-modal .pay {
    width: 440px;
    height: auto!important;
    margin-top: 70px
}

.level-modal .pay .pay-upgrade-ul {
    width: 410px;
    height: 32px;
    margin: 0 15px 10px;
    padding: 0;
    font-size: 16px
}

.level-modal .pay .pay-upgrade-ul li {
    float: left;
    height: 32px;
    line-height: 30px;
    width: 25%;
    border-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-left-width: 0;
    position: relative;
    font-size: 16px
}

.level-modal .pay .pay-upgrade-ul li a {
    font-size: 16px
}

.level-modal .pay .pay-upgrade-ul li>span {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 28px;
    z-index: 2
}

.level-modal .pay .pay-upgrade-ul li:first-child {
    border-left-width: 1px;
    border: 1px solid #f0f0f0;
    border-radius: 2px 0 0 2px
}

.level-modal .pay .pay-upgrade-ul li:last-child {
    border-radius: 0 2px 2px 0
}

.level-modal .pay .pay-upgrade-ul li.active,
.level-modal .pay .pay-upgrade-ul li:hover {
    background-color: #00c800;
    border-color: #00c800
}

.level-modal .pay .pay-upgrade-ul li.active span,
.level-modal .pay .pay-upgrade-ul li:hover span {
    display: block
}

.level-modal .pay .pay-upgrade-ul li.active>a,
.level-modal .pay .pay-upgrade-ul li.active>a em,
.level-modal .pay .pay-upgrade-ul li:hover>a,
.level-modal .pay .pay-upgrade-ul li:hover>a em {
    color: #fff
}

.level-modal .pay .pay-upgrade-ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #666
}

.level-modal .pay .pay-upgrade-ul li>a em {
    font-style: normal;
    color: #fc2a07
}

.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(2),
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(2):hover,
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(2) a,
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(3),
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(3):hover,
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(3) a,
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(4),
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(4):hover,
.level-modal .pay .pay-upgrade-ul.showfirst li:nth-child(4) a {
    cursor: not-allowed
}

.level-modal .pay .body {
    text-align: center
}

.level-modal .pay .body .wepaylogo {
    margin: 0 auto;
    width: 120px;
    height: 40px;
    background: url(../images/account/pay/WePayLogo.png?v=ac49e823a5) no-repeat left center;
    background-size: 120px
}

.level-modal .pay .body .getdata {
    font-size: 24px;
    line-height: 44px
}

.level-modal .pay .body .fee {
    width: 200px;
    margin: 0 auto;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #555;
    margin: 10px auto 5px;
    text-align: center
}

.level-modal .pay .body .fee .fee-info {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -6px;
    left: 2px
}

.level-modal .pay .body .fee .wepaylogo {
    display: inline-block;
    width: 28px;
    height: 24px;
    background: url(../images/account/pay/WePayLogo2.png?v=3963287907) no-repeat left center
}

.level-modal .pay .body .fee span {
    color: #ff3d3d
}

.level-modal .pay .body .divimg {
    position: relative
}

.level-modal .pay .body .divimg .pyqrcode {
    width: 200px;
    height: 200px;
    border: 1px solid #e7e7eb
}

.level-modal .pay .body .divimg .paytimeout {
    position: absolute;
    background-color: #e7e7eb;
    width: 200px;
    height: 200px;
    bottom: 3px;
    text-align: center;
    left: 100px;
    padding-top: 90px;
    font-size: 14px;
    font-weight: 700;
    opacity: .9
}

.level-modal .pay .footer {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 38px
}

.level-modal .pay .footer>div {
    display: inline-block
}

.level-modal .pay .footer .detail {
    font-size: 12px;
    color: #888;
    line-height: 24px
}

.level-modal .pay .footer .detail span {
    font-size: 15px;
    color: #0c7df5
}

.level-modal .pay .footer .detail a {
    text-decoration: underline;
    color: #0c7df5
}

.level-modal .pay .footer .lasttip {
    font-size: 12px;
    color: #fe8a00
}

.limit-tips {
    position: relative;
    left: 260px;
    top: -28px;
    font-size: 14px;
    color: #f69a2d
}

.limit-tips a {
    color: #0c7df5
}

.explaintitle-wrap {
    position: relative
}

.explaintitle-wrap .explain {
    display: none;
    min-width: 700px;
    position: absolute;
    text-align: left;
    left: -16px;
    top: 23px;
    width: auto;
    height: auto;
    background-color: #fffaf6;
    border: 1px solid #fecc93;
    color: #4d4d4d;
    padding: 10px;
    line-height: 20px;
    z-index: 6
}

.explaintitle-wrap .explain:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 3;
    left: 16px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom: 5px solid #fffaf6
}

.explaintitle-wrap .explain:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    left: 15px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fecc93
}

.explaintitle-wrap:hover>.explain {
    display: block
}

.search-seo-box {
    width: 100%;
    margin: 0 auto
}

.search-seo-box.page {
    padding-top: 10px;
    border-top: 1px solid #ededed
}

.search-seo-box.page li,
.search-seo-box.page li a {
    color: #333
}

.search-seo-box ul {
    max-height: 60px;
    overflow: hidden
}

.search-seo-box ul li {
    line-height: 24px;
    float: left;
    color: #fff;
    width: auto;
    margin-right: 15px;
    line-height: 30px
}

.search-seo-box ul li a {
    color: #fff
}

.search-seo-box ul li a:hover {
    text-decoration: underline
}

.banner .search-seo-box {
    width: 850px;
    margin: 0 auto
}

.banner .search-seo-box.page {
    padding-top: 10px;
    border-top: 1px solid #ededed
}

.banner .search-seo-box.page li,
.banner .search-seo-box.page li a {
    color: #fff
}

.banner .search-seo-box ul {
    max-height: 60px;
    overflow: hidden
}

.banner .search-seo-box ul li {
    line-height: 24px;
    float: left;
    color: #fff;
    width: auto;
    margin-right: 15px;
    line-height: 30px
}

.banner .search-seo-box ul li a {
    color: #fff
}

.banner .search-seo-box ul li a:hover {
    text-decoration: underline
}

.datalist-baiduSearch .body>div.chart-wrap>a,
.datalist-keyword .body .chart-wrap .chart,
.datalist-keywords .body .chart-wrap .chart,
.datalist-list .body .include-wrap,
.datalist-list .body .rank-wrap>a,
.datalist-safeSearch .body>div.chart-wrap>a {
    background: url(../images/watermark/3.png?v=1871b0a593) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a.chart-none,
.datalist-keyword .body .chart-wrap .chart.chart-none,
.datalist-keywords .body .chart-wrap .chart.chart-none,
.datalist-list .body .include-wrap.chart-none,
.datalist-list .body .rank-wrap>a.chart-none,
.datalist-safeSearch .body>div.chart-wrap>a.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a.chart-kt,
.datalist-keyword .body .chart-wrap .chart.chart-kt,
.datalist-keywords .body .chart-wrap .chart.chart-kt,
.datalist-list .body .include-wrap.chart-kt,
.datalist-list .body .rank-wrap>a.chart-kt,
.datalist-safeSearch .body>div.chart-wrap>a.chart-kt {
    background: url(../images/chart-kt.png?v=2fdb2b3f3f) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a.chart-stop,
.datalist-keyword .body .chart-wrap .chart.chart-stop,
.datalist-keywords .body .chart-wrap .chart.chart-stop,
.datalist-list .body .include-wrap.chart-stop,
.datalist-list .body .rank-wrap>a.chart-stop,
.datalist-safeSearch .body>div.chart-wrap>a.chart-stop {
    background: url(../images/chart-stop.png?v=84766b6792) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a.chart-catch,
.datalist-keyword .body .chart-wrap .chart.chart-catch,
.datalist-keywords .body .chart-wrap .chart.chart-catch,
.datalist-list .body .include-wrap.chart-catch,
.datalist-list .body .rank-wrap>a.chart-catch,
.datalist-safeSearch .body>div.chart-wrap>a.chart-catch {
    background: url(../images/chart-catch.png?v=0a0e5887e0) no-repeat center center
}

.pay-upgrade-modal .header {
    padding: 15px 15px 0;
    height: 33px
}

.pay-upgrade-modal .header .icon-close {
    float: right
}

.pay-upgrade-modal .top-wrap {
    margin: 0 15px 10px;
    font-size: 14px;
    overflow: hidden;
    clear: both
}

.pay-upgrade-modal .top-wrap .avatar {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px
}

.pay-upgrade-modal .top-wrap .avatar>img {
    display: block
}

.pay-upgrade-modal .top-wrap .user-name {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 6px;
    color: #666
}

.pay-upgrade-modal .top-wrap .user-name em {
    font-style: normal;
    color: #0c7df5;
    padding: 0 5px
}

.pay-upgrade-modal .body {
    padding: 0 20px
}

.pay-upgrade-modal em {
    font-style: normal;
    font-weight: 400
}

.pay-upgrade-modal .paysuccess .app-modal-bodyer {
    padding: 20px 30px;
    height: 110px
}

.pay-upgrade-modal .paysuccess .app-modal-bodyer .icon-success {
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 20px
}

.pay-upgrade-modal .paysuccess .app-modal-bodyer .content {
    float: left;
    height: 70px;
    width: 310px;
    line-height: 24px
}

.pay-upgrade-modal .paysuccess .app-modal-bodyer .content a,
.pay-upgrade-modal .paysuccess .app-modal-bodyer .content span {
    color: #0c7df5
}

.pay-upgrade-modal .pay {
    width: 440px;
    height: auto!important;
    margin-top: 70px;
    margin-bottom: 70px
}

.pay-upgrade-modal .pay .pay-upgrade-ul {
    width: 410px;
    height: 32px;
    margin: 0 15px 10px;
    padding: 0;
    font-size: 16px
}

.pay-upgrade-modal .pay .pay-upgrade-ul li {
    float: left;
    height: 32px;
    line-height: 30px;
    width: 25%;
    border-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-left-width: 0;
    position: relative;
    font-size: 16px
}

.pay-upgrade-modal .pay .pay-upgrade-ul li>span {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 28px;
    z-index: 2
}

.pay-upgrade-modal .pay .pay-upgrade-ul li .tag80 {
    background: url(../images/account/tag80.png?v=772820cdaf) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul li .tag30 {
    background: url(../images/account/tag30.png?v=679fc3887d) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul li .tag10 {
    background: url(../images/account/tag10.png?v=5975edb601) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul li:first-child {
    border-left-width: 1px;
    border: 1px solid #f0f0f0;
    border-radius: 2px 0 0 2px
}

.pay-upgrade-modal .pay .pay-upgrade-ul li:last-child {
    border-radius: 0 2px 2px 0
}

.pay-upgrade-modal .pay .pay-upgrade-ul li.active,
.pay-upgrade-modal .pay .pay-upgrade-ul li:hover {
    background-color: #00c800;
    border-color: #00c800
}

.pay-upgrade-modal .pay .pay-upgrade-ul li.active span,
.pay-upgrade-modal .pay .pay-upgrade-ul li:hover span {
    display: block
}

.pay-upgrade-modal .pay .pay-upgrade-ul li.active>a,
.pay-upgrade-modal .pay .pay-upgrade-ul li.active>a em,
.pay-upgrade-modal .pay .pay-upgrade-ul li:hover>a,
.pay-upgrade-modal .pay .pay-upgrade-ul li:hover>a em {
    color: #fff
}

.pay-upgrade-modal .pay .pay-upgrade-ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #666
}

.pay-upgrade-modal .pay .pay-upgrade-ul li>a em {
    font-style: normal;
    color: #fc2a07
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 {
    width: 410px;
    height: 32px;
    margin: 0 15px 10px;
    padding: 0;
    font-size: 16px
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li {
    float: left;
    height: 32px;
    line-height: 30px;
    width: 25%;
    border-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    border-left-width: 0;
    position: relative;
    font-size: 16px
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li>span {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 28px;
    z-index: 2
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li .tag80 {
    background: url(../images/account/tag80.png?v=772820cdaf) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li .tag30 {
    background: url(../images/account/tag30.png?v=679fc3887d) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li .tag10 {
    background: url(../images/account/tag10.png?v=5975edb601) no-repeat center
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li:first-child {
    border-left-width: 1px;
    border: 1px solid #f0f0f0;
    border-radius: 2px 0 0 2px
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li:last-child {
    border-radius: 0 2px 2px 0
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li:nth-child(2) a,
.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li:nth-child(3) a,
.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li:nth-child(4) a {
    cursor: not-allowed;
    background-color: #fafafa
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li.active {
    background-color: #00c800;
    border-color: #00c800
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li.active span {
    display: block
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li.active>a,
.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li.active>a em {
    color: #fff
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #666
}

.pay-upgrade-modal .pay .pay-upgrade-ul-vip280 li>a em {
    font-style: normal;
    color: #fc2a07
}

.pay-upgrade-modal .pay .body {
    text-align: center;
    height: auto!important
}

.pay-upgrade-modal .pay .body .wepaylogo {
    margin: 0 auto;
    width: 120px;
    height: 40px;
    background: url(../images/account/pay/WePayLogo.png?v=ac49e823a5) no-repeat left center;
    background-size: 120px
}

.pay-upgrade-modal .pay .body .getdata {
    font-size: 24px;
    line-height: 44px
}

.pay-upgrade-modal .pay .body .fee {
    width: 200px;
    margin: 0 auto;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #555;
    margin: 10px auto;
    text-align: center
}

.pay-upgrade-modal .pay .body .fee .fee-info {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -6px;
    left: 2px
}

.pay-upgrade-modal .pay .body .fee .wepaylogo {
    display: inline-block;
    width: 28px;
    height: 24px;
    background: url(../images/account/pay/WePayLogo2.png?v=3963287907) no-repeat left center
}

.pay-upgrade-modal .pay .body .fee span {
    color: #ff3d3d
}

.pay-upgrade-modal .pay .body .divimg {
    position: relative
}

.pay-upgrade-modal .pay .body .divimg .pyqrcode {
    width: 200px;
    height: 200px;
    border: 1px solid #e7e7eb
}

.pay-upgrade-modal .pay .body .divimg .paytimeout {
    position: absolute;
    background-color: #e7e7eb;
    width: 200px;
    height: 200px;
    bottom: 3px;
    text-align: center;
    left: 81px;
    padding-top: 90px;
    font-size: 14px;
    font-weight: 700;
    opacity: .9
}

.pay-upgrade-modal .pay .footer {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 25px;
    height: auto
}

.pay-upgrade-modal .pay .footer>div {
    display: inline-block
}

.pay-upgrade-modal .pay .footer a {
    color: #0c7df5
}

.pay-upgrade-modal .pay .footer .detail {
    font-size: 14px;
    color: #888;
    line-height: 24px
}

.pay-upgrade-modal .pay .footer .detail span {
    font-size: 15px;
    color: #0c7df5
}

.pay-upgrade-modal .pay .footer .detail a {
    text-decoration: underline;
    color: #0c7df5
}

.pay-upgrade-modal .pay .footer .lasttip {
    font-size: 12px;
    color: #fe8a00
}

.exportAll-title {
    margin: 0 15px 15px
}

.datalist-keyword .empty-site {
    outline: none;
    box-shadow: none
}

.datalist-friendlink .body li {
    box-shadow: none
}

.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a,
.datalist-keyword .body .chart-wrap .chart,
.datalist-list .body .include-wrap,
.datalist-list .body .rank-wrap>a,
.datalist-safeSearch .body>div.chart-wrap>a {
    background: url(../images/watermark/3.png?v=1871b0a593) no-repeat center center
}

.datalist-baiduSearch .body>div.chart-wrap>a.chart-none,
.datalist-keyword .body .chart-wrap .chart.chart-none,
.datalist-list .body .include-wrap.chart-none,
.datalist-list .body .rank-wrap>a.chart-none,
.datalist-safeSearch .body>div.chart-wrap>a.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.Fn-ui-list>dl>dd.chart a {
    background: url(../images/watermark/3.png?v=1871b0a593) no-repeat center center
}

.Fn-ui-list>dl>dd.chart a.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.siteinfo-wrap .chart a {
    background: url(../images/watermark/2.png?v=31af408e1c) no-repeat center center
}

.siteinfo-wrap .chart a.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.chart-wrap .chart {
    background: url(../images/watermark/1.png?v=ef3fc2c2f5) no-repeat center center
}

.chart-wrap .chart.chart-none {
    background: url(../images/chart-none.png?v=f54f7a995a) no-repeat center center
}

.icon-crown {
    position: relative;
    top: -34px;
    right: -23px;
    width: 12px;
    height: 12px;
    background: url(../images/account/crown.png?v=81b33e2afc) no-repeat
}

.app-modal-box.paysuccess {
    height: auto!important
}

i.export-crow {
    position: absolute;
    display: block;
    height: 24px;
    width: 24px;
    left: -10px;
    top: -16px;
    z-index: 2;
    background: url(../images/domain/crow.png?v=fc7a930e08) center no-repeat
}

.search {
    position: relative
}

.search .histroy {
    display: none;
    position: absolute;
    list-style: none;
    width: 445px;
    margin: 0 auto;
    margin-left: -266px;
    left: 50%;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.search .histroy.show {
    display: block
}

.search .histroy li {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background-color: #fff;
    color: #666;
    border-left: 1px solid #0c7df5;
    border-right: 1px solid #0c7df5
}

.search .histroy li:first-child {
    border-top: 1px solid #0c7df5
}

.search .histroy li:last-child {
    border-bottom: 1px solid #0c7df5
}

.search .histroy li:hover {
    background-color: #f6f6f6
}

.search .histroy li a {
    font-size: 13px
}

.search .histroy700 {
    display: none;
    position: absolute;
    list-style: none;
    width: 614px;
    margin: 0 auto;
    margin-left: -350px;
    left: 50%;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.search .histroy700.show {
    display: block
}

.search .histroy700 li {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background-color: #fff;
    color: #666;
    text-align: left;
    border-left: 1px solid #0c7df5;
    border-right: 1px solid #0c7df5
}

.search .histroy700 li:first-child {
    border-top: 1px solid #0c7df5
}

.search .histroy700 li:last-child {
    border-bottom: 1px solid #0c7df5
}

.search .histroy700 li:hover {
    background-color: #f6f6f6
}

.search .histroy700 li a {
    font-size: 13px
}

.search .histroy255 {
    display: none;
    position: absolute;
    list-style: none;
    width: 255px;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.search .histroy255.show {
    display: block
}

.search .histroy255 li {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background-color: #fff;
    color: #666
}

.search .histroy255 li:hover {
    background-color: #f6f6f6
}

.search .histroy255 li a {
    font-size: 13px
}

.app-modal-box.vipupgrade-tips {
    width: 420px;
    height: 206px;
    background: url(../images/domain/tips-bg.png?v=9471d53232) #fff bottom left no-repeat
}

.app-modal-box.vipupgrade-tips .app-modal-bodyer {
    padding-left: 145px
}

.app-modal-box.vipupgrade-tips .app-modal-bodyer .tips1 {
    font-size: 24px;
    color: #0c7df5;
    margin-top: 10px
}

.app-modal-box.vipupgrade-tips .app-modal-bodyer .tips2 {
    margin-top: 10px;
    font-size: 16px;
    color: #333
}

.app-modal-box.vipupgrade-tips .btn-upgrade {
    display: block;
    border-radius: 4px;
    background-color: #0c7df5;
    margin-left: 145px;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.vipupgrade-tips .btn-upgrade:hover {
    color: #fff
}

.app-modal-box.vipupgrade-tips-yearly {
    width: 506px;
    height: 420px;
    background: url(../images/domain/tips-yearly-bg.png?v=16b3f610d2) #fff top 100px left 20px no-repeat
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer {
    padding-left: 170px
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer .s-title {
    color: #f4501b;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer .s-title i {
    position: relative;
    top: -9px;
    right: 7px
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer li i {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-right: 10px
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer .tips1 {
    font-size: 26px;
    color: #0c7df5;
    margin-top: 20px;
    font-weight: 700
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-bodyer .tips2 {
    margin-top: 10px;
    font-size: 16px;
    color: #333
}

.app-modal-box.vipupgrade-tips-yearly .app-modal-footer {
    padding: 15px 0 0 170px
}

.app-modal-box.vipupgrade-tips-yearly .btn-upgrade {
    display: block;
    border-radius: 4px;
    background-color: #0c7df5;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.vipupgrade-tips-yearly .btn-upgrade:hover {
    color: #fff
}

.explain-wrap {
    position: relative!important;
    display: inline-block;
    float: none
}

.explain-wrap>i {
    margin-top: 5px;
    position: relative;
    top: 3px
}

.explain-wrap:hover>.explain {
    display: block
}

.explain-wrap>.explain {
    display: none;
    min-width: 600px;
    position: absolute;
    left: -55px;
    top: 30px;
    width: auto;
    height: auto;
    background-color: #fffaf6;
    border: 1px solid #fecc93;
    color: #4d4d4d;
    padding: 10px;
    line-height: 20px;
    font-size: 12px;
    z-index: 99;
    text-align: left
}

.explain-wrap>.explain a {
    font-weight: 400;
    color: #ce8110!important
}

.explain-wrap>.explain:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 3;
    left: 58px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom: 5px solid #fffaf6
}

.explain-wrap>.explain:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    left: 57px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fecc93
}

.jingjia .explain-wrap {
    position: relative!important;
    display: inline-block;
    float: none
}

.jingjia .explain-wrap>i {
    margin-top: 5px;
    position: relative;
    top: 3px
}

.jingjia .explain-wrap:hover>.explain {
    display: block
}

.jingjia .explain-wrap>.explain {
    display: none;
    min-width: 554px;
    position: absolute;
    right: -59px;
    left: inherit;
    top: 30px;
    width: auto;
    height: auto;
    background-color: #fffaf6;
    border: 1px solid #fecc93;
    color: #4d4d4d;
    padding: 10px;
    line-height: 20px;
    font-size: 12px;
    z-index: 99;
    text-align: left
}

.jingjia .explain-wrap>.explain a {
    font-weight: 400;
    color: #ce8110!important
}

.jingjia .explain-wrap>.explain:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 3;
    right: 58px;
    left: inherit;
    top: -10px;
    border: 5px solid transparent;
    border-bottom: 5px solid #fffaf6
}

.jingjia .explain-wrap>.explain:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    left: inherit;
    right: 57px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fecc93
}

.icon-pay-com>i {
    display: none
}

.icon-pay-com:hover i {
    display: block
}

.fee-info {
    position: relative
}

.fee-info .icon-dou11111 {
    position: absolute;
    top: -6px;
    right: 15px
}

.app-modal-box .tmpl-sorting-level-bg {
    background: url(../images/stop-tips-bg.png?v=65eff29966) #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.app-modal-box.kw-stop-tips {
    width: 720px;
    height: 300px;
    background: url(../images/stop-tips-bg.png?v=65eff29966) #fff bottom 0 left 42px no-repeat
}

.app-modal-box.kw-stop-tips .header-wrap {
    height: 56px;
    position: relative
}

.app-modal-box.kw-stop-tips .header-wrap>a {
    position: absolute;
    right: 10px;
    top: 10px
}

.app-modal-box.kw-stop-tips .app-modal-bodyer {
    padding-left: 230px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 36px
}

.app-modal-box.kw-stop-tips .app-modal-bodyer .title {
    margin-bottom: 10px
}

.app-modal-box.kw-stop-tips .app-modal-bodyer .tips1 {
    font-size: 24px;
    color: #0c7df5;
    margin-top: 10px
}

.app-modal-box.kw-stop-tips .app-modal-bodyer .tips2 {
    margin-top: 10px;
    font-size: 16px;
    color: #333
}

.app-modal-box.kw-stop-tips .app-modal-footer {
    padding-left: 230px;
    padding-right: 20px;
    text-align: right;
    margin-top: 20px
}

.app-modal-box.kw-stop-tips .app-modal-footer>a {
    display: inline-block
}

.app-modal-box.kw-stop-tips .btn-stopserver {
    display: block;
    border-radius: 4px;
    background-color: #0c7df5;
    margin-left: 0;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.kw-stop-tips .btn-stopserver:hover {
    color: #fff
}

.app-modal-box.kw-stop-tips .btn-qq {
    display: block;
    border-radius: 4px;
    background-color: #51ac4e;
    margin-left: 20px;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.kw-stop-tips .btn-qq:hover {
    color: #fff
}

.app-modal-box.kws-open-tips {
    width: 504px;
    height: 286px
}

.app-modal-box.kws-open-tips .app-modal-bodyer {
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    background: url(../images/keywords/star-bg.png?v=0920bfe73a) #fff no-repeat;
    color: #666
}

.app-modal-box.kws-open-tips .app-modal-bodyer .title-wrap {
    font-size: 20px;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.app-modal-box.kws-open-tips .app-modal-bodyer em {
    color: #0c7df5;
    font-style: normal
}

.app-modal-box.kws-open-tips .app-modal-footer {
    text-align: center;
    margin-top: 10px
}

.app-modal-box.kws-open-tips .app-modal-footer>a {
    display: inline-block
}

.app-modal-box.kws-open-tips .btn-stopserver {
    display: block;
    border-radius: 4px;
    background-color: #0c7df5;
    margin-left: 0;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.kws-open-tips .btn-stopserver:hover {
    color: #fff
}

.app-modal-box.kws-open-tips .btn-qq {
    display: block;
    border-radius: 4px;
    background-color: #51ac4e;
    margin-left: 20px;
    width: 116px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.kws-open-tips .btn-qq:hover {
    color: #fff
}

.app-modal-box.del-keywords .app-modal-bodyer {
    padding-top: 20px
}

.app-modal-box.del-keywords .app-modal-bodyer .left {
    width: 84px;
    float: left;
    text-align: center
}

.app-modal-box.del-keywords .app-modal-bodyer .right {
    float: left;
    text-align: left;
    font-size: 12px;
    line-height: 20px
}

.app-modal-box.del-keywords .app-modal-bodyer .right em {
    font-style: normal;
    color: red
}

.app-modal-box.del-keywords .app-modal-bodyer .right .title-wrap {
    font-size: 20px;
    margin-bottom: 12px
}

.app-modal-box.del-keywords .app-modal-footer {
    padding-left: 84px;
    padding-right: 20px;
    text-align: left;
    margin-top: 0;
    float: left
}

.app-modal-box.del-keywords .app-modal-footer>a {
    display: inline-block
}

.app-modal-box.del-keywords .btn-stopserver {
    display: block;
    border-radius: 4px;
    background-color: #0c7df5;
    margin-left: 0;
    margin-right: 20px;
    width: 182px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.del-keywords .btn-stopserver:hover {
    color: #fff
}

.app-modal-box.del-keywords .btn-qq {
    display: block;
    border-radius: 4px;
    background-color: #b9b9b9;
    margin-left: 0;
    width: 138px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff
}

.app-modal-box.del-keywords .btn-qq:hover {
    color: #fff
}

.pay-title-wrap {
    font-size: 16px;
    text-align: center
}

.coupon-used {
    overflow: hidden;
    margin: 10px;
    font-size: 14px
}

.coupon-used .used-box {
    float: right;
    width: 116px;
    line-height: 30px;
    height: 30px;
    text-align: center
}

.coupon-used .used-box input {
    position: relative;
    top: -1px;
    margin-right: 2px
}

.coupon-used .coupon-code {
    float: left;
    width: 270px;
    height: 30px
}

.coupon-used .coupon-code input {
    width: 200px;
    border: 1px solid #f0f0f0;
    border-right: 0;
    height: 30px;
    float: left;
    outline: 0;
    border-radius: 2px 0 0 2px
}

.coupon-used .coupon-code input:focus {
    outline: 0
}

.coupon-used .coupon-code button {
    float: left;
    height: 30px;
    width: 70px;
    border: 0;
    padding: 0;
    color: #fff;
    margin: 0;
    background-color: #0c7df5;
    border-radius: 0 2px 2px 0
}

.coupon-used .coupon-code button.correct {
    background-color: #00c800
}

.coupon-used .coupon-code button.correct i {
    display: block;
    margin: auto
}

.coupon-fail-tips {
    color: #fe3e3b;
    line-height: 24px;
    text-align: left;
    margin: 0 10px
}

.app-modal-box.green-info .green-title {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.app-modal-box.green-info .green-title>span {
    color: #1cf542
}

.app-modal-box.green-info .msg {
    margin: auto 15px;
    padding: 0
}

.app-modal-box.green-info .msg li {
    font-size: 12px;
    line-height: 24px
}

.app-modal-box.green-info .msg li span {
    font-weight: 700;
    color: #2b7bf4
}

.app-modal-box.green-info .msg li em {
    font-style: normal;
    color: #ff3d3d
}

.greenChannel-tab {
    height: 36px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px 15px;
    margin-bottom: 10px
}

.greenChannel-tab>a {
    display: block
}

.greenChannel-tab>a.ask {
    display: none;
    color: #0c7df5;
    float: right;
    background: none;
    border: none;
    font-size: 14px;
    width: auto;
    font-weight: 400
}

.greenChannel-tab>a.ask.show {
    display: block
}

.greenChannel-tab>a.ask em {
    text-decoration: underline
}

.greenChannel-tab>a {
    display: block;
    position: relative;
    width: 90px;
    height: 36px;
    float: left;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #333;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 700
}

.greenChannel-tab>a.active {
    background-color: #fff;
    color: #09cb0b;
    border-bottom-color: #fff
}

.greenChannel-wrap {
    margin: 0 15px 15px
}

.greenChannel-wrap em {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #333
}

.greenChannel-wrap select {
    margin-left: 10px;
    height: 30px;
    min-width: 180px
}

.jingjia-progress-bar {
    width: 70px;
    height: 10px;
    border: 1px solid #0c7df5;
    background-color: #f0f0f0;
    color: #0c7df5
}

.jingjia-progress-bar::-moz-progress-bar {
    background: #f0f0f0
}

.jingjia-progress-bar::-webkit-progress-bar {
    background: #f0f0f0
}

.jingjia-progress-bar::-webkit-progress-value {
    background: #0c7df5
}

.jingjia-progress-bar::-moz-progress-bar {
    background: #0c7df5
}

.qy-offer-wrap {
    text-align: right;
    color: #999;
    margin-bottom: 10px
}

.qy-offer-wrap a {
    padding: 0 2px;
    color: #0c7df5
}

.partner-photo {
    margin-top: 10px;
    float: left
}

._5118-api-link {
    color: #f60;
    float: right;
    margin-left: 10px;
    border-bottom: 2px solid #f60;
    padding: 3px 8px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    border-radius: 3px
}

._5118-api-link:hover {
    color: #f60;
    opacity: .9
}

._5118-waci-select {
    width: 62px;
    height: 24px;
    line-height: 24px;
    margin-top: 22px;
    color: #fff;
    text-align: center;
    background-color: #0c7df5;
    font-size: 12px;
    border-radius: 4px;
    float: left;
    margin-left: 3px;
    position: relative;
    display: none;
    cursor: pointer
}

._5118-waci-select:hover ul {
    display: block
}

._5118-waci-select ul {
    border-top: 1px solid #fff;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100px;
    border-radius: 4px;
    overflow: hidden;
    display: none;
    z-index: 2
}

._5118-waci-select ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #1c7df1
}

._5118-waci-select ul li a {
    padding: 0 10px!important;
    text-align: left;
    color: #fff!important;
    height: 30px!important;
    line-height: 30px!important;
    display: block
}

._5118-waci-select ul li a i {
    float: right;
    margin-top: 11px
}

._5118-waci-select ul li a:hover {
    background: #1771db;
    text-decoration: none
}

.Fn-ui-list dl dd {
    padding: 0 5px!important
}

.Fn-ui-list dl dd.select {
    overflow: visible
}

.Fn-ui-list dl:hover ._5118-waci-select {
    display: block
}

@font-face {
    font-family: iconfont;
    src: url(../images/font/iconfont.eot?t=1539314030208&v=0b38b265a8);
    src: url(../images/font/iconfont.eot?t=1539314030208&v=0b38b265a8#iefix) format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAXUAAsAAAAACDwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8o0lLY21hcAAAAYAAAABiAAABnLUNH4hnbHlmAAAB5AAAAekAAAH8Gbh2bWhlYWQAAAPQAAAALwAAADYS66jZaGhlYQAABAAAAAAcAAAAJAfeA4VobXR4AAAEHAAAAA4AAAAQEAAAAGxvY2EAAAQsAAAACgAAAAoBVgC4bWF4cAAABDgAAAAeAAAAIAESAEZuYW1lAAAEWAAAAUUAAAJtPlT+fXBvc3QAAAWgAAAAMgAAAEOSN0xceJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye6T6PZG7438AQw9zA0AAUZgTJAQDnhQxqeJztkMENgCAQBOcADTGWoj9jBxTB15eVQxl4HD4swr3MZW9DeCwwAV7ZlAByI3RdmorlnsXywKl31HFQ9pJqbu3rTGIvojqnXn+WmV+r7eO9fG9tYF2mQe+75gH+AXl2FFoAAHicHdDPa9NgGAfw93mSJumvmXQ1IVBa19BmTpZ2TZZso7RjxcqGLYLdQEamm+2ETVyx7WTgZpBRZO6wmwfB9ir+A3qwB+8exD9F8DLNfOvDc3me5/L5PgQJufJYwnhEIDYhGUmTdF5x9EkD9AngaSdBMec1OpagjCVwkpBCuqMX7bpJZwMws7ZrjkbmO3HQ6QzEh8fI9FueV3URN1aKfORoff0owhdXNhDdque1+gweR+CrX9m1RiMLowcXiBcHwul2q4+r4FYrmxxbbOwj7jeKLLdZqbqwiv3W9ikhhKXeb8wOUyEJopEZskjNukR1BqS5MVfiOVkxk1CwHaqzQFayad6eTGd1cwIyjj0v/c+gSPEUMA/WoNkI5O7kAvebWBMk8XO4tnc3/CUq+h9EIaJGgmLiVnAQnPF/LLD4YmvrENmFJ68hUD+bmjbN6amzun/55loCCuVyAUQVP0IMMfbnd0pVU8+bnADR2gnLntT8XwLXpHwy/vdP5hOjEZncHNtt1LM3KDyeRJOaFblgWxkDLNspQUFWZHEcygBmOHwU3jv0v/fspaWn5/Xbr6xhSI39vWfMzRm57stu3nWN7vJyJzTsgdZut53z92+fLRqzw1BcHRldrzdr0Hp8RXaMPDB5SvkH3h1uaAAAAHicY2BkYGAA4pc/uT/G89t8ZeBmYQCB68+M8hD0/wYWBuYGIJeDgQkkCgBWzgtZAHicY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAABYALgA/gAAeJxjYGRgYGBhsAJiEGACYi4gZGD4D+YzAAAOvAFZAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICFkYmRmZGFkZWBrSIzsSoxk70kPy+9KiOTrTi/tLg0n4EBAHC9CG0AAA==") format("woff"), url(../images/font/iconfont.ttf?t=1539314030208&v=d31560f714) format("truetype"), url(../images/font/iconfont.svg?t=1539314030208&v=77be9d8830#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-ali-xiazai:before {
    content: "\e645"
}

.icon-ali-tongzhi:before {
    content: "\e62d"
}

.icon-ali-sousuo:before {
    content: "\e759"
}

.hover-color:hover {
    color: #0c7df5!important
}

._5118-wraper {
    min-height: 100%;
    padding-top: 60px
}

._5118-wraper.browser-tips {
    padding-top: 98px
}

.icon-notlogin {
    background-position: -168px -292px;
    width: 16px;
    height: 16px
}

.icon-logged,
.icon-notlogin {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-logged {
    background-position: 0 -228px;
    width: 30px;
    height: 30px
}

._5118-header .account-wrap .logged .tips,
.icon-msgtips {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -111px -263px;
    width: 20px;
    height: 21px
}

._5118-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-shadow: 0 0 4px hsla(0, 0%, 79%, .55);
    border-bottom: 1px solid #e2e2e2;
    z-index: 10000
}

._5118-header.browser-check .browser-tips {
    display: none
}

._5118-header.show {
    display: block!important
}

._5118-header .logo,
._5118-header a {
    text-decoration: none
}

._5118-header .logo {
    position: relative;
    display: block;
    width: 158px;
    height: 60px;
    float: left;
    line-height: 0
}

._5118-header .logo img {
    position: absolute
}


._5118-header .hand {
    float: right
}

._5118-header .hand li {
    float: left;
    height: 60px;
    line-height: 60px
}

._5118-header .hand li:first-child {
    margin-right: 2px
}

._5118-header .hand li .search {
    display: inline-block
}

._5118-header .hand li .search input {
    padding: 0;
    margin-right: 10px;
    border: none;
    border-bottom: 1px dashed #ccc;
    width: 0;
    height: 30px;
    -webkit-transition: width .2s;
    transition: width .2s
}

._5118-header .hand li .search a {
    display: inline-block
}

._5118-header .wrapper:after,
._5118-header .wrapper:before {
    content: " ";
    display: table
}

._5118-header .wrapper:after {
    clear: both
}

._5118-header .account-wrap .not-login {
    height: 60px;
    line-height: 60px
}

._5118-header .account-wrap .not-login i {
    position: relative;
    top: 2px
}

._5118-header .account-wrap .logged {
    display: table
}

._5118-header .account-wrap .logged>li {
    position: relative
}

._5118-header .account-wrap .logged .user-ul {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    width: 180px;
    padding: 10px;
    background-color: #fff;
    list-style-type: none;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

._5118-header .account-wrap .logged .user-ul.show {
    display: block
}

._5118-header .account-wrap .logged .user-ul:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    right: 5px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff
}

._5118-header .account-wrap .logged .user-ul:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    right: 4px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #e6e6e6
}

._5118-header .account-wrap .logged .user-ul>li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6
}

._5118-header .account-wrap .logged .user-ul>li:last-child {
    border-bottom: 0
}

._5118-header .account-wrap .logged .user-ul>li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #666
}

._5118-header .account-wrap .logged .user-ul>li a i {
    margin-top: 12px;
    margin-right: 5px;
    float: left
}

._5118-header .account-wrap .logged span {
    display: block;
    float: left
}

._5118-header .account-wrap .logged .icon-logged {
    position: relative;
    top: 10px
}

._5118-header .account-wrap .logged .tips {
    display: block;
    line-height: 21px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: -17px;
    color: #fff;
    font-size: 12px
}

._5118-header .account-wrap .logged a {
    font-size: 14px
}

._5118-header .account-wrap .logged .icon-head-down {
    content: "";
    z-index: 2;
    border: 4px solid transparent;
    border-top: 4px solid #666;
    position: absolute;
    top: 50%;
    right: -12px
}

._5118-header .account-wrap a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #0c7df5
}

._5118-header._5118-header-content .navs li {
    margin-left: 40px
}

._5118-header._5118-header-content .navs li.not a {
    color: #999
}

._5118-header._5118-header-content .navs li.not a i {
    display: none
}

._5118-header._5118-header-content .navs li.not:hover a i {
    display: block
}

.icon-search {
    background-position: -293px -226px
}

.icon-search,
.icon-search-focus {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 17px
}

.icon-search-focus {
    background-position: -293px -248px
}

._5118-navigation {
    height: 52px
}

._5118-navigation li {
    float: left;
    font-size: 14px;
    height: 52px;
    line-height: 52px
}

._5118-navigation a {
    color: #0c7df5;
    font-size: inherit
}

._5118-navigation a:hover {
    text-decoration: underline
}

._5118-navigation .right li {
    margin-right: 10px
}

._5118-navigation .right li:last-child {
    margin-right: 0
}

._5118-navigation .right li .tips-error {
    color: #ff3d3d
}

._5118-navigation .right a {
    display: inline-block;
    padding: 0 10px;
    height: 29px;
    line-height: 29px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    background-color: #0c7df5
}

._5118-navigation .right a:hover {
    background-color: #2c86e2
}

._5118-navigation .right a.isMonitor {
    background-color: #999
}

._5118-navigation .right a.isMonitor:hover {
    background-color: #999;
    cursor: normal
}

._5118-navigation:after,
._5118-navigation:before {
    content: " ";
    display: table
}

._5118-navigation:after {
    clear: both
}

._5118-navigation .add-site-li {
    position: relative
}

._5118-navigation .add-site-li:hover .add-site-wrap {
    display: block
}

._5118-navigation .add-site-wrap {
    display: none;
    position: absolute;
    top: 48px;
    right: -98px;
    height: 166px;
    width: 300px;
    padding: 20px;
    border: 1px solid #ffcd92;
    background-color: #fffcf7;
    z-index: 99
}

._5118-navigation .add-site-wrap:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    left: 143px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #fffcf7
}

._5118-navigation .add-site-wrap:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    left: 142px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #ffcd92
}

._5118-navigation .add-site-wrap>span {
    display: inherit;
    line-height: 30px
}

._5118-navigation .add-site-wrap>label {
    color: #999;
    line-height: 38px;
    display: block
}

._5118-navigation .add-site-wrap>label>input {
    margin-top: -2px;
    margin-right: 2px
}

._5118-navigation .add-site-wrap.active {
    display: block
}

._5118-navigation .footer {
    text-align: center;
    margin-bottom: 5px;
    line-height: 32px
}

._5118-navigation .footer button {
    padding: 0 10px;
    border: none;
    height: 30px;
    border-radius: 4px;
    margin: 0 5px;
    color: #fff;
    background-color: #3892f2
}

._5118-navigation .footer button.cancel {
    background-color: #d4d4d4
}

aside {
    float: left;
    width: 160px
}

aside ul {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

aside li {
    font-size: 14px
}

aside li span {
    position: relative;
    padding-left: 10px;
    display: block;
    color: #444;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 700
}

aside li span>a {
    display: inline-block;
    float: right;
    margin-top: 3px;
    color: #0c7df5;
    font-weight: 400
}

aside li span .icon {
    padding: 0;
    margin-right: 10px;
    margin-top: 13px;
    float: right
}

aside li a {
    padding: 0 10px;
    display: block;
    color: #555;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

aside li a:hover {
    color: #0c7df5
}

aside li a:hover i.cate1 {
    background: url(../images/welcome/catesmall/c1-hover.png?v=22081f6fcf) no-repeat center
}

aside li a:hover i.cate2 {
    background: url(../images/welcome/catesmall/c2-hover.png?v=2a60552c88) no-repeat center
}

aside li a:hover i.cate3 {
    background: url(../images/welcome/catesmall/c3-hover.png?v=d7d6166023) no-repeat center
}

aside li a:hover i.cate4 {
    background: url(../images/welcome/catesmall/c4-hover.png?v=d10c570a8d) no-repeat center
}

aside li a:hover i.cate5 {
    background: url(../images/welcome/catesmall/c5-hover.png?v=d9776c47c1) no-repeat center
}

aside li a:hover i.cate6 {
    background: url(../images/welcome/catesmall/c6-hover.png?v=fb4e239a00) no-repeat center
}

aside li a:hover i.cate7 {
    background: url(../images/welcome/catesmall/c7-hover.png?v=6bc4ae4590) no-repeat center
}

aside li a:hover i.cate8 {
    background: url(../images/welcome/catesmall/c8-hover.png?v=ffcc9bc2d6) no-repeat center
}

aside li a:hover i.cate9 {
    background: url(../images/welcome/catesmall/c9-hover.png?v=63f4cbf5ef) no-repeat center
}

aside li a:hover i.cate10 {
    background: url(../images/welcome/catesmall/c10-hover.png?v=8637d2f5db) no-repeat center
}

aside li a:hover i.cate11 {
    background: url(../images/welcome/catesmall/c11-hover.png?v=3ee06f56be) no-repeat center
}

aside li a:hover i.cate12 {
    background: url(../images/welcome/catesmall/c12-hover.png?v=4e905df003) no-repeat center
}

aside li a:hover i.cate13 {
    background: url(../images/welcome/catesmall/c13-hover.png?v=1fbf1d5eb9) no-repeat center
}

aside li a:hover i.cate14 {
    background: url(../images/welcome/catesmall/c14-hover.png?v=fa0012feae) no-repeat center
}

aside li a:hover i.cate15 {
    background: url(../images/welcome/catesmall/c15-hover.png?v=72784496c1) no-repeat center
}

aside li a:hover i.cate16 {
    background: url(../images/welcome/catesmall/c16-hover.png?v=426587ebdf) no-repeat center
}

aside li a.active {
    color: #0c7df5;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-left: 2px solid #0c7df5;
    border-right: none
}

aside li a.active i.cate1 {
    background: url(../images/welcome/catesmall/c1-hover.png?v=22081f6fcf) no-repeat center
}

aside li a.active i.cate2 {
    background: url(../images/welcome/catesmall/c2-hover.png?v=2a60552c88) no-repeat center
}

aside li a.active i.cate3 {
    background: url(../images/welcome/catesmall/c3-hover.png?v=d7d6166023) no-repeat center
}

aside li a.active i.cate4 {
    background: url(../images/welcome/catesmall/c4-hover.png?v=d10c570a8d) no-repeat center
}

aside li a.active i.cate5 {
    background: url(../images/welcome/catesmall/c5-hover.png?v=d9776c47c1) no-repeat center
}

aside li a.active i.cate6 {
    background: url(../images/welcome/catesmall/c6-hover.png?v=fb4e239a00) no-repeat center
}

aside li a.active i.cate7 {
    background: url(../images/welcome/catesmall/c7-hover.png?v=6bc4ae4590) no-repeat center
}

aside li a.active i.cate8 {
    background: url(../images/welcome/catesmall/c8-hover.png?v=ffcc9bc2d6) no-repeat center
}

aside li a.active i.cate9 {
    background: url(../images/welcome/catesmall/c9-hover.png?v=63f4cbf5ef) no-repeat center
}

aside li a.active i.cate10 {
    background: url(../images/welcome/catesmall/c10-hover.png?v=8637d2f5db) no-repeat center
}

aside li a.active i.cate11 {
    background: url(../images/welcome/catesmall/c11-hover.png?v=3ee06f56be) no-repeat center
}

aside li a.active i.cate12 {
    background: url(../images/welcome/catesmall/c12-hover.png?v=4e905df003) no-repeat center
}

aside li a.active i.cate13 {
    background: url(../images/welcome/catesmall/c13-hover.png?v=1fbf1d5eb9) no-repeat center
}

aside li a.active i.cate14 {
    background: url(../images/welcome/catesmall/c14-hover.png?v=fa0012feae) no-repeat center
}

aside li a.active i.cate15 {
    background: url(../images/welcome/catesmall/c15-hover.png?v=72784496c1) no-repeat center
}

aside li a.active i.cate16 {
    background: url(../images/welcome/catesmall/c16-hover.png?v=426587ebdf) no-repeat center
}

aside li .edit {
    padding: 5px 10px
}

aside li .edit input {
    width: 112px
}

aside li .edit .icon {
    padding: 0;
    vertical-align: middle;
    margin-left: 2px
}

aside li:nth-child(2) a.active {
    border-top: none
}

aside .confirm {
    padding: 10px 0;
    text-align: center
}

aside .confirm button:first-child {
    margin-right: 15px
}

aside i {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin-top: 9px;
    margin-left: 5px;
    margin-right: 10px
}

aside i.cate1 {
    background: url(../images/welcome/catesmall/c1.png?v=e64c71c587) no-repeat center
}

aside i.cate2 {
    background: url(../images/welcome/catesmall/c2.png?v=9e665b7022) no-repeat center
}

aside i.cate3 {
    background: url(../images/welcome/catesmall/c3.png?v=c706f11074) no-repeat center
}

aside i.cate4 {
    background: url(../images/welcome/catesmall/c4.png?v=3dadbe397b) no-repeat center
}

aside i.cate5 {
    background: url(../images/welcome/catesmall/c5.png?v=8f61d8de22) no-repeat center
}

aside i.cate6 {
    background: url(../images/welcome/catesmall/c6.png?v=6e7c2a4c42) no-repeat center
}

aside i.cate7 {
    background: url(../images/welcome/catesmall/c7.png?v=11404a5456) no-repeat center
}

aside i.cate8 {
    background: url(../images/welcome/catesmall/c8.png?v=ac68ab43e4) no-repeat center
}

aside i.cate9 {
    background: url(../images/welcome/catesmall/c9.png?v=8efb69ab7f) no-repeat center
}

aside i.cate10 {
    background: url(../images/welcome/catesmall/c10.png?v=74db213a0f) no-repeat center
}

aside i.cate11 {
    background: url(../images/welcome/catesmall/c11.png?v=4676bd2d4d) no-repeat center
}

aside i.cate12 {
    background: url(../images/welcome/catesmall/c12.png?v=58156af569) no-repeat center
}

aside i.cate13 {
    background: url(../images/welcome/catesmall/c13.png?v=22853cb84c) no-repeat center
}

aside i.cate14 {
    background: url(../images/welcome/catesmall/c14.png?v=1111a9c505) no-repeat center
}

aside i.cate15 {
    background: url(../images/welcome/catesmall/c15.png?v=543fa61e18) no-repeat center
}

aside i.cate16 {
    background: url(../images/welcome/catesmall/c16.png?v=9ab2f4803b) no-repeat center
}

.rss {
    float: left;
    width: 160px;
    margin-top: 10px;
    border: 1px solid #e6e6e6;
    background-color: #f6f6f6
}

.rss a {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #0c7df5
}

.rss a,
.rss i {
    display: block;
    float: left
}

.rss i {
    margin-top: 8px;
    margin-right: 6px
}

.container {
    float: right;
    width: calc(100% - 180px);
    width: 1000px
}

.container.full-width {
    float: none;
    padding-left: 0
}

.tabs {
    width: 100%;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

.tabs li {
    float: left
}

.tabs li.right {
    float: right
}

.tabs a {
    display: inline-block;
    text-decoration: none;
    color: #555
}

.tabs a:hover {
    color: #0c7df5
}

.tabs i {
    margin-right: 2px;
    vertical-align: -3px
}

.tabs .link {
    margin-bottom: -1px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color: #f6f6f6
}

.tabs .link li {
    float: left;
    height: 41px;
    line-height: 41px;
    font-size: 14px
}

.tabs .link li:first-child.active {
    border-left: none
}

.tabs .link li.active {
    border-top: 1px solid #0c7df5;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color: #fff
}

.tabs .link li.active a {
    color: #0c7df5
}

.tabs .link a {
    padding: 0 15px
}

.tabs .link:after,
.tabs .link:before {
    content: " ";
    display: table
}

.tabs .link:after {
    clear: both
}

.tabs .conn {
    padding: 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff
}

.tabs .conn .friendlink-right {
    float: right
}

.tabs .conn .friendlink-right li {
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    color: #555
}

.tabs .conn .friendlink-right li a {
    padding: 2px 5px;
    color: #7b7b7b;
    height: auto
}

.tabs .conn .friendlink-right li a.active,
.tabs .conn .friendlink-right li a:hover {
    color: #fff;
    border-radius: 2px;
    background-color: #0c7df5
}

.tabs .conn li {
    height: 30px;
    line-height: 30px;
    margin-left: 10px
}

.tabs .conn li:first-child {
    margin-left: 0
}

.tabs .conn a {
    position: relative;
    display: inline
}

.tabs .conn .search-wrap {
    position: relative;
    display: inline-block
}

.tabs .conn .search-wrap a {
    background-position: -293px -226px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 5px
}

.tabs .conn .search-wrap a,
.tabs .conn .search-wrap a:hover {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 17px
}

.tabs .conn .search-wrap a:hover {
    background-position: -293px -270px
}

.tabs .conn .search-wrap input {
    padding: 0 7px;
    padding-right: 24px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.tabs .conn .sort {
    padding: 2px 3px;
    padding-right: 12px;
    height: auto
}

.tabs .conn .sort b {
    position: absolute;
    bottom: 0;
    right: 3px;
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: #adadad transparent transparent;
    border-style: solid dashed dashed
}

.tabs .conn .sort b:first-child {
    top: 0;
    bottom: auto;
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: transparent transparent #adadad;
    border-style: dashed dashed solid
}

.tabs .conn .sort.none {
    padding: 2px 3px
}

.tabs .conn .sort.active {
    color: #fff;
    border-radius: 2px;
    background-color: #0c7df5
}

.tabs .conn .sort.active.up b {
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: hsla(0, 0%, 100%, .5) transparent transparent;
    border-style: solid dashed dashed
}

.tabs .conn .sort.active.up b:first-child {
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid
}

.tabs .conn .sort.active.down b {
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: #fff transparent transparent;
    border-style: solid dashed dashed
}

.tabs .conn .sort.active.down b:first-child {
    display: inline-block;
    font-size: 0;
    border-width: 4px;
    border-color: transparent transparent hsla(0, 0%, 100%, .5);
    border-style: dashed dashed solid
}

.tabs .conn .btns {
    float: left;
    margin-top: 1px;
    width: 25px;
    height: 28px;
    text-align: center;
    border: 1px solid #e6e6e6
}

.tabs .conn .btns:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.tabs .conn .btns:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.tabs .conn .btns:nth-child(2) {
    border-left: none
}

.tabs .conn .btns.active,
.tabs .conn .btns:hover {
    background-color: #0c7df5
}

.tabs .conn .btns.active .icon-data-line,
.tabs .conn .btns:hover .icon-data-line {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -339px -19px;
    width: 14px;
    height: 13px
}

.tabs .conn .btns.active .icon-data-list,
.tabs .conn .btns:hover .icon-data-list {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -339px -91px;
    width: 14px;
    height: 13px
}

.tabs .conn .btns.active .icon-data-grid,
.tabs .conn .btns:hover .icon-data-grid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -318px -220px;
    width: 14px;
    height: 14px
}

.tabs .conn .btns i {
    vertical-align: -1px;
    margin: 0;
    padding: 0
}

.tabs .conn:after,
.tabs .conn:before {
    content: " ";
    display: table
}

.tabs .conn:after {
    clear: both
}


.app-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 999;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.app-modal .app-modal-header {
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6
}

.app-modal .app-modal-header h3.title {
    margin: 0;
    display: inline-block;
    font-weight: 400;
    text-indent: 15px;
    font-size: 16px
}

.app-modal .app-modal-header a.close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: normal;
    text-align: center
}

.app-modal .app-modal-header a.close i {
    background-position: -293px -45px;
    vertical-align: middle
}

.app-modal .app-modal-header a.close:hover i,
.app-modal .app-modal-header a.close i {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 18px;
    height: 18px
}

.app-modal .app-modal-header a.close:hover i {
    background-position: -293px -68px
}

.app-modal .app-modal-bodyer {
    display: block;
    min-width: 200px;
    font-size: 14px
}

.app-modal .app-modal-footer {
    padding: 15px 0;
    text-align: center
}

.app-modal .app-modal-footer button {
    padding: 0 30px;
    border: none;
    height: 32px;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 15px;
    color: #fff;
    background-color: #d4d4d4
}

.app-modal .app-modal-footer button:hover {
    background-color: #b2b2b2
}

.app-modal .app-modal-footer button[type=submit] {
    background-color: #0c7df5
}

.app-modal .app-modal-footer button[type=submit].unuseful,
.app-modal .app-modal-footer button[type=submit].unuseful:hover {
    background-color: #999;
    cursor: not-allowed
}

.app-modal .app-modal-footer button[type=submit]:hover {
    background-color: #2c86e2
}

.app-modal-wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.app-modal-box {
    display: inline-block;
    margin-top: -50px;
    text-align: left;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    -webkit-transition: all .12s ease;
    transition: all .12s ease;
    background: #fff
}

.app-modal-enter,
.app-modal-leave {
    opacity: 0
}

.app-modal-enter .app-modal-box,
.app-modal-leave .app-modal-box {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.app-model-title {
    padding: 20px;
    padding-bottom: 15px;
    height: 21px;
    line-height: 21px
}

.app-model-title a {
    display: block;
    width: 100px;
    float: right;
    color: #0c7df5
}

.app-model-title a i {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 2px
}

.app-loading-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 0;
    background-color: #0c7df5;
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.app-loading-ball {
    position: relative;
    width: 100%;
    height: 100%
}

.app-loading-ball>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    border-radius: 100%
}

.app-loading-ball>div:first-child {
    background: #fff;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

.app-loading-ball>div:last-child {
    position: absolute;
    border: 2px solid #0c7df5;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 2px solid;
    border-color: #0c7df5 transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

.search-tips {
    position: relative;
    margin-bottom: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #a4caf4;
    background-color: #fbfcff;
    -webkit-transition: height .15s ease;
    transition: height .15s ease;
    overflow: hidden
}

.search-tips span {
    color: red
}

.search-tips a {
    background-position: -293px -160px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    margin-right: -9px
}

.search-tips a,
.search-tips a:hover {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 18px;
    height: 18px
}

.search-tips a:hover {
    background-position: -293px -114px
}

.search-tips-enter,
.search-tips-leave {
    height: 0;
    border: none
}

.add-site {
    padding: 20px;
    padding-bottom: 0
}

.add-site h4 {
    margin: 0;
    margin-top: 15px;
    font-weight: 400
}

.add-site input {
    padding: 3px 7px;
    height: 30px
}

.add-site .add-site-info input {
    padding: 3px 7px;
    height: 30px;
    width: 200px
}

.add-site .add-site-info input:last-child {
    width: 350px;
    margin-left: 10px
}

.add-site .add-site-info textarea {
    padding: 3px 7px;
    width: 600px;
    height: 100px
}

.add-site .add-site-info .add-site-info-tips {
    color: #999;
    font-size: 12px
}

.add-site .add-site-info .add-site-info-tips span {
    float: left
}

.add-site .add-site-info .add-site-info-tips label {
    float: right
}

.add-site .add-site-info .add-site-info-tips label b {
    color: red;
    font-weight: 400
}

.add-site .add-site-info .add-site-info-tips:after,
.add-site .add-site-info .add-site-info-tips:before {
    content: " ";
    display: table
}

.add-site .add-site-info .add-site-info-tips:after {
    clear: both
}

.add-site .add-site-tags {
    display: block;
    margin-top: 13px;
    width: 600px;
    font-size: 12px
}

.add-site .add-site-tags a {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 15px;
    padding: 1px 5px;
    border-radius: 3px
}

.add-site .add-site-tags a i {
    display: none
}

.add-site .add-site-tags a.active {
    color: #fff;
    background-color: #0c7df5
}

.add-site .add-site-tags a.active i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.add-site .add-site-new-tags {
    margin-top: 5px
}

.add-site .add-site-new-tags input {
    margin-right: 8px;
    width: 200px;
    vertical-align: middle
}

.add-site .add-site-new-tags button {
    margin-left: 3px;
    height: 30px;
    vertical-align: middle
}

.add-site .add-site-pack label {
    display: inline-block;
    margin-top: 3px;
    margin-right: 30px
}

.add-site .add-site-pack label i,
.add-site .add-site-pack label input {
    vertical-align: middle
}

.add-site .add-site-pack label i {
    margin-left: 5px
}

.add-site .add-site-result {
    height: 32px;
    line-height: 32px
}

.add-site .add-site-result i {
    vertical-align: middle
}

.add-site .add-site-result b {
    color: red
}

.add-site .add-site-likely {
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #9ec9f6;
    background-color: #f9fdff
}

.add-site .add-site-likely dd,
.add-site .add-site-likely dl,
.add-site .add-site-likely dt {
    margin: 0;
    padding: 0
}

.add-site .add-site-likely dl {
    padding: 5px;
    font-size: 0
}

.add-site .add-site-likely dd,
.add-site .add-site-likely dt {
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.add-site .add-site-likely dd span {
    font-weight: 700
}

.add-site .add-site-likely dd a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #898989
}

.add-site .add-site-likely dd a.active,
.add-site .add-site-likely dd a:hover {
    color: #fff;
    background-color: #0c7df5
}

.add-site .add-site-likely dd a>div {
    padding: 5px;
    position: absolute;
    top: 0;
    left: 26px;
    border: 1px solid #0c7df5;
    background-color: #fff;
    width: 200px
}

.add-site .add-site-likely dd a>div input {
    width: 100%;
    padding-right: 15px;
    color: #666
}

.add-site .add-site-likely dd a>div i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    border-color: #adadad transparent transparent
}

.add-site .add-site-likely dd a>div i,
.add-site .add-site-likely dd a>div i:hover {
    display: inline-block;
    font-size: 0;
    border-width: 6px;
    border-style: solid dashed dashed
}

.add-site .add-site-likely dd a>div i:hover {
    border-color: #0c7df5 transparent transparent
}

.add-site .add-site-likely-tags {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 35px;
    color: #666;
    font-size: 12px;
    border: 1px solid #0c7df5;
    border-top: none;
    background-color: #fff;
    max-height: 200px;
    overflow: auto
}

.add-site .add-site-likely-tags li {
    text-align: left;
    padding: 0 10px
}

.add-site .add-site-likely-tags li:hover {
    color: #0c7df5
}

.add-site .add-site-listly {
    margin-top: 20px;
    width: 560px;
    max-height: 300px;
    overflow-y: auto
}

.add-site .add-site-listly table {
    width: 100%
}

.add-site .add-site-listly table td {
    width: 50%;
    padding: 5px;
    border: 1px solid #e6e6e6
}

.add-site .error {
    padding: 10px 0;
    color: #ff3e3c;
    border: 1px solid #f5c8c3;
    text-align: center;
    background-color: #fcf1ef
}

.empty-site {
    padding: 50px 0;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    color: #444;
    outline: 1px solid #e6e6e6;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

.empty-site .button {
    cursor: pointer;
    display: inline-block;
    margin-top: 40px;
    padding: 0 16px;
    height: 30px;
    line-height: 30px
}

.empty-site .button:hover {
    color: #fff
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 25px 0 10px;
    width: 100%;
    text-align: center
}

.pagination.left {
    position: relative;
    text-align: left
}

.pagination.left>li>a,
.pagination.left>li span {
    background-color: #f9f9f9
}

.pagination.left>li>a.active,
.pagination.left>li span.active {
    color: #fff;
    background-color: #34abff;
    border-color: #34abff
}

.pagination>li {
    display: inline
}

.pagination>li.export-li {
    position: absolute;
    right: 0;
    top: 8px
}

.pagination>li.export-li.single {
    right: 15px;
    top: 8px
}

.pagination>li.export-li.single a {
    height: 28px;
    line-height: 28px
}

.pagination>li.export-li a {
    background-color: #0c7df5;
    color: #fff;
    height: 32px;
    line-height: 1.2;
    font-size: 14px
}

.pagination>li>a,
.pagination>li>span {
    padding: 7px 11px;
    margin-left: 8px;
    line-height: 1.5;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.pagination>li>a.ellipsis,
.pagination>li>span.ellipsis {
    background: none!important;
    border: 0;
    font-size: 18px;
    line-height: 1;
    padding: 7px 0
}

.pagination>li>a.disabled,
.pagination>li>span.disabled {
    cursor: not-allowed;
    color: #e4e4e4;
    border-color: #e4e4e4
}

.pagination>li>a.active,
.pagination>li>span.active {
    color: #fff;
    background-color: #0c7df5;
    border-color: #0c7df5
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0
}

.export-ctrl .export-li {
    position: absolute;
    right: 0;
    top: 22px
}

.export-ctrl .export-li.single,
.export-li {
    right: 0;
    top: 22px
}

.export-li {
    position: absolute
}

.export-li.unlimited a {
    background-color: #54ce3d
}

.export-li.single {
    right: 15px;
    top: 7px
}

.export-li.single.unlimited.notyet>a {
    background-color: #98e28b
}

.export-li.single.unlimited.notyet:hover .info-wrap {
    display: block
}

.export-li.single.unlimited>a {
    background-color: #54ce3d
}

.export-li.single.unlimited.leftside {
    right: 110px!important
}

.export-li.single.unlimited .info-wrap {
    display: none;
    position: absolute;
    top: 32px;
    width: 212px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #54ce3d;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2);
    z-index: 5
}

.export-li.single.unlimited .info-wrap>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    background-color: #fff;
    color: #54ce3d;
    text-align: center
}

.export-li.single.unlimited .info-wrap .icon-green-warning {
    position: relative;
    top: 2px
}

.export-li.single.unlimited .info-wrap:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    left: 26px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff
}

.export-li a {
    background-color: #0c7df5;
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.qrtop {
    bottom: 48px
}

.qrtop:before {
    border-left: 0;
    right: 5px;
    bottom: -12px;
    border: 6px solid transparent;
    border-top: 6px solid #ffc3c3
}

.qrtop:after,
.qrtop:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2
}

.qrtop:after {
    border-left: 0;
    right: 7px;
    bottom: -9px;
    border: 4px solid transparent;
    border-top: 5px solid #fff
}

.qrdown {
    top: 48px
}

.qrdown:before {
    border-left: 0;
    right: 5px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom: 6px solid #ffc3c3
}

.qrdown:after,
.qrdown:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2
}

.qrdown:after {
    border-left: 0;
    right: 7px;
    top: -9px;
    border: 4px solid transparent;
    border-bottom: 5px solid #fff
}

.wxqr-code-img {
    z-index: 2;
    position: absolute;
    width: 180px;
    height: 261px;
    right: 0;
    background-color: #fff;
    border: 1px solid #ffc3c3
}

.wxqr-code-img .dashed {
    border-bottom: 1px dashed #e1e1e1;
    width: 100%;
    padding: 15px 15px 0
}

.wxqr-code-img .dashed .img-wrap {
    height: 148px;
    width: 148px;
    background: url(../images/account/qrbackground.png?v=818845a356) no-repeat;
    background-size: 147px;
    padding: 15px
}

.wxqr-code-img .dashed .info {
    color: #fd3031;
    text-align: center;
    height: 46px;
    line-height: 24px;
    font-size: 16px;
    padding-top: 12px
}

.wxqr-code-img .dashed .info .big {
    font-weight: 700
}

.wxqr-code-img .dashed .info .small {
    font-size: 14px
}

.wxqr-code-img .activebtn {
    display: block;
    line-height: 26px;
    border-radius: 3px;
    position: absolute;
    margin: 10px 22px;
    background-color: #fe3c3b;
    color: #fff;
    height: 25px;
    width: 135px;
    font-size: 12px
}

.wxqr-code-img .activebtn span {
    padding-left: 10px
}

.wxqr-code-img .activebtn i {
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    right: 0;
    top: 8px;
    border: 4px solid transparent;
    border-left: 6px solid #fff
}

.icon-success {
    background-position: -256px -185px
}

.icon-success,
.icon-warning {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-warning {
    background-position: -587px -37px
}

.icon-question {
    background-position: -219px -148px;
    width: 32px;
    height: 32px
}

.icon-plus,
.icon-question {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-plus {
    background-position: -221px -329px;
    width: 11px;
    height: 11px
}

.icon-plus-now,
.icon-plus:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -237px -329px;
    width: 11px;
    height: 11px
}

.icon-plus-now {
    display: inline-block;
    font-size: 0
}

.icon-close {
    display: inline-block;
    font-size: 0;
    background-position: -293px -46px
}

.icon-close,
.icon-close:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 18px;
    height: 18px
}

.icon-close:hover {
    background-position: -293px -91px
}

.icon-close-white {
    background-position: -358px -93px;
    width: 10px;
    height: 10px
}

.icon-close-white,
.icon-setting {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-setting {
    background-position: -318px -277px;
    width: 14px;
    height: 14px
}

.icon-setting:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -339px 0;
    width: 14px;
    height: 14px
}

.icon-data-line {
    background-position: -339px -37px
}

.icon-data-line,
.icon-data-list {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 14px;
    height: 13px
}

.icon-data-list {
    background-position: -339px -55px
}

.icon-data-grid {
    background-position: -318px -182px
}

.icon-data-grid,
.icon-rank-up {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 14px;
    height: 14px
}

.icon-rank-up {
    background-position: -318px -258px
}

.icon-rank-down {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -318px -201px;
    width: 14px;
    height: 14px
}

.icon-look {
    background-position: -273px -292px
}

.icon-look,
.icon-look-active {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-look-active {
    background-position: -231px -292px
}

.icon-up {
    background-position: -358px -168px
}

.icon-down,
.icon-up {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 7px;
    height: 9px
}

.icon-down {
    background-position: -358px -182px
}

.icon-del {
    background-position: -34px -329px;
    width: 12px;
    height: 12px
}

.icon-add,
.icon-del {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-add {
    background-position: -358px -48px;
    width: 10px;
    height: 10px
}

.icon-include-tag {
    background-position: -51px -329px
}

.icon-include-tag,
.icon-notinclude-tag {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-notinclude-tag {
    background-position: -68px -329px
}

.icon-move {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -339px -109px;
    width: 13px;
    height: 13px
}

.icon-checkbox-blue {
    background-position: -187px -329px
}

.icon-checkbox-blue,
.icon-checkbox-blue-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-checkbox-blue-check {
    background-position: -204px -329px
}

.icon-checkbox-orange {
    background-position: -153px -329px
}

.icon-checkbox-orange,
.icon-checkbox-orange-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-checkbox-orange-check {
    background-position: -136px -329px
}

.icon-checkbox-cyan {
    background-position: -85px -329px
}

.icon-checkbox-cyan,
.icon-checkbox-cyan-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-checkbox-cyan-check {
    background-position: -339px -258px
}

.icon-checkbox-green {
    background-position: 0 -329px
}

.icon-checkbox-green,
.icon-checkbox-green-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-checkbox-green-check {
    background-position: -339px -309px
}

.icon-checkbox-red {
    background-position: -339px -292px
}

.icon-checkbox-red,
.icon-checkbox-red-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-checkbox-red-check {
    background-position: -339px -275px
}

.icon-new {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -129px -313px;
    width: 16px;
    height: 5px
}

.icon-show {
    background-position: -92px -313px;
    height: 8px
}

.icon-hidden,
.icon-show {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 14px
}

.icon-hidden {
    background-position: -73px -313px;
    height: 10px
}

.icon-NoFollow {
    background-position: -293px -137px
}

.icon-NoFollow,
.icon-spider {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 18px;
    height: 18px
}

.icon-spider {
    background-position: -293px -68px
}

.icon-left {
    background-position: -339px -149px
}

.icon-left,
.icon-right {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 9px;
    height: 17px
}

.icon-right {
    background-position: -339px -127px
}

.icon-word-add {
    display: inline-block;
    font-size: 0;
    background-position: -358px -33px
}

.icon-word-add,
.icon-word-add:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 10px;
    height: 10px
}

.icon-word-add:hover {
    background-position: -358px -123px
}

.icon-welcome-check {
    background-position: -293px -22px;
    width: 18px;
    height: 18px
}

.icon-back-to-old,
.icon-welcome-check {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-back-to-old {
    background-position: -21px -292px;
    width: 16px;
    height: 16px
}

.icon-word-close {
    background-position: -293px -160px
}

.icon-close-hover,
.icon-word-close {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 18px;
    height: 18px
}

.icon-close-hover {
    background-position: -293px -91px
}

.icon-export {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -339px -189px;
    width: 12px;
    height: 13px
}

.icon-chengc {
    background-position: -176px -43px
}

.icon-chengc,
.icon-yic {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 38px;
    height: 38px
}

.icon-yic {
    background-position: -176px 0
}

.icon-account-warning {
    background-position: -339px -241px;
    width: 12px;
    height: 12px
}

.icon-account-warning,
.icon-changeMode {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-changeMode {
    background-position: -358px -17px;
    width: 10px;
    height: 11px
}

.icon-close2 {
    background-position: -293px -45px;
    width: 18px;
    height: 18px
}

.icon-close2,
.icon-invi-close {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-invi-close {
    background-position: -45px -75px;
    width: 40px;
    height: 40px
}

.icon-invi-close:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: 0 -75px;
    width: 40px;
    height: 40px
}

/*.icon-logout {*/
    /*display: inline-block;*/
    /*font-size: 0;*/
    /*background-position: -252px -292px*/
/*}*/

.icon-logout,
.icon-logout:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-logout:hover {
    background-position: -210px -292px
}

/*.icon-account-setting {*/
    /*display: inline-block;*/
    /*font-size: 0;*/
    /*background-position: -189px -292px*/
/*}*/

.icon-account-setting,
.icon-account-setting:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-account-setting:hover {
    background-position: -196px -163px
}

.icon-welcome-qq {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -293px -204px;
    width: 16px;
    height: 17px
}

.icon-explain {
    background-position: -339px -205px
}

.icon-dig-now,
.icon-explain {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-dig-now {
    background-position: -170px -329px
}

.icon-dig-wait {
    background-position: -119px -329px
}

.icon-dig-finish,
.icon-dig-wait {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 12px;
    height: 12px
}

.icon-dig-finish {
    background-position: -17px -329px
}

.icon-welcome-search {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -252px -228px;
    width: 24px;
    height: 24px
}

.icon-like {
    background-position: -318px -106px;
    height: 14px
}

.icon-like,
.icon-rss {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px
}

.icon-rss {
    background-position: -42px -292px;
    height: 16px
}

.icon-share {
    background-position: -318px -239px;
    width: 14px;
    height: 14px
}

.icon-share,
.icon-xiaochou {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-xiaochou {
    background-position: -176px -86px;
    width: 32px;
    height: 44px
}

.icon-add-w {
    background-position: -358px -78px;
    width: 10px;
    height: 10px
}

.icon-add-w,
.icon-explain2 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-explain2 {
    background-position: -339px -224px;
    width: 12px;
    height: 12px
}

.icon-totop {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -111px -313px;
    width: 13px;
    height: 7px
}

.icon-exportblue {
    background-position: -358px -153px
}

.icon-exportblue,
.icon-exportwhite {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 8px;
    height: 10px
}

.icon-exportwhite {
    background-position: -358px -138px
}

/*.icon-account-upgrade {*/
    /*background-position: -318px -125px;*/
    /*width: 15px;*/
    /*height: 14px*/
/*}*/

.icon-account-download,
.icon-account-upgrade {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

/*.icon-account-download {*/
    /*background-position: -339px -73px;*/
    /*width: 14px;*/
    /*height: 13px*/
/*}*/

.icon-account-msg {
    background-position: -293px -183px;
    width: 19px;
    height: 16px
}

.icon-account-msg,
.icon-account-new {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-account-new {
    background-position: -232px -263px;
    width: 24px;
    height: 14px
}

.icon-domain {
    background-position: -294px -292px;
    width: 16px;
    height: 16px
}

.icon-domain,
.icon-small-crow {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-small-crow {
    background-position: -208px -263px;
    width: 19px;
    height: 19px
}

.icon-big-crow {
    background-position: -223px -228px;
    width: 24px
}

.icon-big-crow,
.icon-big-crow-r {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    height: 24px
}

.icon-big-crow-r {
    background-position: -134px -228px;
    width: 26px
}

.icon-kw-buy {
    background-position: -222px -191px;
    width: 29px;
    height: 31px
}

.icon-calendar,
.icon-kw-buy {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-calendar {
    background-position: -150px -47px;
    width: 20px;
    height: 20px
}

.icon-header-Beta {
    background-position: -176px -135px;
    width: 28px
}

.icon-header-Beta,
.icon-header-ready {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    height: 19px
}

.icon-header-ready {
    background-position: -113px -163px;
    width: 48px
}

.icon-brain {
    background-position: -318px -296px;
    width: 16px
}

.icon-brain,
.icon-wajue {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    height: 12px
}

.icon-wajue {
    background-position: -358px 0;
    width: 10px
}

.icon-waci-arrow-r {
    background-position: -358px -214px;
    width: 4px;
    height: 7px
}

.icon-waci-arrow-d,
.icon-waci-arrow-r {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-waci-arrow-d {
    background-position: -358px -205px;
    width: 7px;
    height: 4px
}

.icon-coupon-title1 {
    background-position: -219px -37px
}

.icon-coupon-title1,
.icon-coupon-title2 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-coupon-title2 {
    background-position: -74px -191px
}

.icon-coupon-title3 {
    background-position: -256px -148px
}

.icon-coupon-title3,
.icon-pay-wx {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-pay-wx {
    background-position: -37px -191px
}

.icon-pay-wx.active,
.icon-pay-wx:hover {
    background-position: -148px -191px
}

.icon-pay-ali,
.icon-pay-wx.active,
.icon-pay-wx:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-pay-ali {
    display: inline-block;
    font-size: 0;
    background-position: -185px -191px
}

.icon-pay-ali.active,
.icon-pay-ali:hover {
    background-position: -256px 0
}

.icon-pay-ali.active,
.icon-pay-ali:hover,
.icon-pay-com {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-pay-com {
    display: inline-block;
    font-size: 0;
    background-position: -256px -37px
}

.icon-pay-com.active,
.icon-pay-com:hover {
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -111px -191px;
    width: 32px;
    height: 32px
}

.icon-pay-com-tips {
    background-position: -56px -163px;
    width: 52px;
    height: 20px
}

.icon-pay-com-tips,
.icon-seo-haosou {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-seo-haosou {
    background-position: -165px -228px;
    width: 24px;
    height: 24px
}

.icon-seo-baidupc {
    background-position: 0 -263px
}

.icon-seo-baidumobile,
.icon-seo-baidupc {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 24px;
    height: 24px
}

.icon-seo-baidumobile {
    background-position: -194px -228px
}

.icon-search-baidu {
    background-position: -318px 0
}

.icon-search-baidu,
.icon-search-baidunew {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-search-baidunew {
    background-position: 0 -292px
}

.icon-search-toutiao {
    background-position: -63px -292px
}

.icon-search-toutiao,
.icon-search-wechat {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-search-wechat {
    background-position: -84px -292px
}

.icon-search-sina {
    background-position: -105px -292px
}

.icon-search-sina,
.icon-search-zhihu {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-search-zhihu {
    background-position: -126px -292px
}

.icon-search-mobile {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -147px -292px;
    width: 16px;
    height: 16px
}

.icon-small-crow-year {
    background-position: -184px -263px
}

.icon-small-crow-notyear,
.icon-small-crow-year {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 19px;
    height: 19px
}

.icon-small-crow-notyear {
    background-position: -136px -263px
}

.icon-correct {
    background-position: -166px -163px;
    width: 25px;
    height: 17px
}

.icon-ciku-new,
.icon-correct {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-ciku-new {
    background-position: -27px -313px;
    width: 22px;
    height: 11px
}

.icon-ciku-update {
    background-position: 0 -163px;
    width: 51px;
    height: 23px
}

.icon-ciku-hot,
.icon-ciku-update {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-ciku-hot {
    background-position: 0 -313px;
    width: 22px;
    height: 11px
}

.icon-ciku-eye {
    background-position: -54px -313px;
    width: 14px;
    height: 10px
}

.icon-ciku-eye,
.icon-ciku-frenquecy-arrow {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-ciku-frenquecy-arrow {
    background-position: -358px -196px;
    width: 7px;
    height: 4px
}

.icon-ciku-title-arrow {
    background-position: -253px -329px;
    width: 11px;
    height: 6px
}

.icon-ciku-title-arrow,
.icon-dou11111 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-dou11111 {
    background-position: -75px 0;
    width: 96px;
    height: 42px
}

.icon-green-channel {
    background-position: 0 0;
    width: 70px;
    height: 70px
}

.icon-green-channel,
.icon-isbuy {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-isbuy {
    background-position: -102px -329px;
    width: 12px;
    height: 12px
}

.icon-screen-add {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -358px -108px;
    width: 10px;
    height: 10px
}

.icon-ciku-act-hot {
    background-position: -35px -228px
}

.icon-ciku-act-hot,
.icon-ciku-act-new {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 28px;
    height: 28px
}

.icon-ciku-act-new {
    background-position: -68px -228px
}

.icon-vipqq {
    background-position: -318px -163px;
    width: 14px;
    height: 14px
}

.icon-pen,
.icon-vipqq {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-pen {
    background-position: -358px -63px;
    width: 10px;
    height: 10px
}

.icon-num-cricle {
    background-position: -29px -263px;
    width: 23px;
    height: 24px
}

.icon-crow-r,
.icon-num-cricle {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-crow-r {
    background-position: -160px -263px;
    width: 19px;
    height: 19px
}

.icon-gotobaidu {
    background-position: -293px 0;
    width: 20px;
    height: 17px
}

.icon-goto360,
.icon-gotobaidu {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-goto360 {
    background-position: -261px -263px;
    width: 19px;
    height: 13px
}

.icon-kws-cate-buy {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -101px -228px;
    width: 28px;
    height: 28px
}

.icon-footer-1 {
    background-position: 0 -191px
}

.icon-footer-1,
.icon-footer-2 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-footer-2 {
    background-position: -219px 0
}

.icon-footer-3 {
    background-position: -219px -111px
}

.icon-footer-3,
.icon-footer-4 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 32px;
    height: 32px
}

.icon-footer-4 {
    background-position: -219px -74px
}

.icon-footer-5 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -256px -185px;
    width: 32px;
    height: 32px
}

.icon-tag-img {
    background-position: -57px -263px
}

.icon-tag-img,
.icon-tag-stop {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 22px;
    height: 22px
}

.icon-tag-stop {
    background-position: -84px -263px
}

.icon-kws-link {
    background-position: -318px -63px;
    width: 14px;
    height: 18px
}

.icon-kws-link,
.icon-pay-qq {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-pay-qq {
    background-position: -75px -47px;
    width: 70px;
    height: 20px
}

.icon-greenchannel-changweici {
    background-position: -90px -75px
}

.icon-greenchannel-changweici,
.icon-greenchannel-changweici-gray {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 38px;
    height: 38px
}

.icon-greenchannel-changweici-gray {
    background-position: -129px -120px
}

.icon-greenchannel-keywordci {
    background-position: -86px -120px
}

.icon-greenchannel-keywordci,
.icon-greenchannel-keywordci-gray {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 38px;
    height: 38px
}

.icon-greenchannel-keywordci-gray {
    background-position: -43px -120px
}

.icon-greenchannel-ciku {
    background-position: 0 -120px
}

.icon-greenchannel-ciku,
.icon-greenchannel-ciku-gray {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 38px;
    height: 38px
}

.icon-greenchannel-ciku-gray {
    background-position: -90px -75px
}

.icon-green-warning {
    background-position: -318px -144px;
    width: 14px;
    height: 14px
}

.icon-export-unlimited,
.icon-green-warning {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2)
}

.icon-export-unlimited {
    background-position: -339px -171px;
    width: 12px;
    height: 13px
}

.icon-azqz0 {
    background-position: -38px 0
}

.icon-azqz0,
.icon-azqz1 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqz1 {
    background-position: -76px 0
}

.icon-azqz2 {
    background-position: 0 -21px
}

.icon-azqz2,
.icon-azqz3 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqz3 {
    background-position: -38px -21px
}

.icon-azqz4 {
    background-position: 0 -42px
}

.icon-azqz4,
.icon-azqz5 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqz5 {
    background-position: -38px -42px
}

.icon-azqz6 {
    background-position: 0 0
}

.icon-azqz6,
.icon-azqz7 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqz7 {
    background-position: -76px -21px
}

.icon-azqz8 {
    background-position: -76px -42px
}

.icon-azqz8,
.icon-azqz9 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqz9 {
    background-position: 0 -63px
}

.icon-azqz10 {
    background-position: -38px -63px
}

.icon-azqz10,
.icon-azqze {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.azqz.png?v=363eb04a58);
    width: 33px;
    height: 16px
}

.icon-azqze {
    background-position: -76px -63px
}

.icon-zzqz0 {
    background-position: -38px 0
}

.icon-zzqz0,
.icon-zzqz1 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqz1 {
    background-position: -76px 0
}

.icon-zzqz2 {
    background-position: 0 -21px
}

.icon-zzqz2,
.icon-zzqz3 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqz3 {
    background-position: -38px -21px
}

.icon-zzqz4 {
    background-position: 0 -42px
}

.icon-zzqz4,
.icon-zzqz5 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqz5 {
    background-position: -38px -42px
}

.icon-zzqz6 {
    background-position: 0 0
}

.icon-zzqz6,
.icon-zzqz7 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqz7 {
    background-position: -76px -21px
}

.icon-zzqz8 {
    background-position: -76px -42px
}

.icon-zzqz8,
.icon-zzqz9 {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqz9 {
    background-position: 0 -63px
}

.icon-zzqz10 {
    background-position: -38px -63px
}

.icon-zzqz10,
.icon-zzqze {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.zzqz.png?v=8f3b81f5cf);
    width: 33px;
    height: 16px
}

.icon-zzqze {
    background-position: -76px -63px
}

.icon-engine-baidu {
    background-position: -318px -21px
}

.icon-engine-360,
.icon-engine-baidu {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    width: 16px;
    height: 16px
}

.icon-engine-360 {
    background-position: -318px -42px
}

.icon-engine-sogou {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.icon.png?v=2f5a9992f2);
    background-position: -318px -86px;
    width: 15px;
    height: 15px
}

.icon-alexa {
    display: inline-block;
    font-size: 0;
    background-position: -23px 0
}

.icon-alexa,
.icon-alexa:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-alexa:hover {
    background-position: -69px 0
}

.icon-update {
    display: inline-block;
    font-size: 0;
    background-position: 0 -23px
}

.icon-update,
.icon-update:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-update:hover {
    background-position: -23px -23px
}

.icon-outlink {
    display: inline-block;
    font-size: 0;
    background-position: -46px 0
}

.icon-outlink,
.icon-outlink:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-outlink:hover {
    background-position: -46px -23px
}

.icon-include {
    display: inline-block;
    font-size: 0;
    background-position: 0 -46px
}

.icon-include,
.icon-include:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-include:hover {
    background-position: -23px -46px
}

.icon-keyword {
    display: inline-block;
    font-size: 0;
    background-position: -46px -46px
}

.icon-keyword,
.icon-keyword:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-keyword:hover {
    background-position: 0 0
}

.icon-rank {
    display: inline-block;
    font-size: 0;
    background-position: -69px -23px
}

.icon-rank,
.icon-rank:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-rank:hover {
    background-position: -69px -46px
}

.icon-analysis {
    display: inline-block;
    font-size: 0;
    background-position: 0 -69px
}

.icon-analysis,
.icon-analysis:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-analysis:hover {
    background-position: -23px -69px
}

.icon-safesearch {
    display: inline-block;
    font-size: 0;
    background-position: -46px -69px
}

.icon-safesearch,
.icon-safesearch:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-safesearch:hover {
    background-position: -69px -69px
}

.icon-baidumobile {
    display: inline-block;
    font-size: 0;
    background-position: -92px 0
}

.icon-baidumobile,
.icon-baidumobile:hover {
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-baidumobile:hover {
    background-position: -92px -23px
}

.icon-alexaed {
    background-position: -69px 0
}

.icon-alexaed,
.icon-updateed {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-updateed {
    background-position: -23px -23px
}

.icon-outlinked {
    background-position: -46px -23px
}

.icon-includeed,
.icon-outlinked {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-includeed {
    background-position: -23px -46px
}

.icon-keyworded {
    background-position: 0 0
}

.icon-keyworded,
.icon-ranked {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-ranked {
    background-position: -69px -46px
}

.icon-analysised {
    background-position: -23px -69px
}

.icon-analysised,
.icon-safesearched {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    width: 18px;
    height: 18px
}

.icon-safesearched {
    background-position: -69px -69px
}

.icon-baidumobileed {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.smallpack.png?v=9e48fe72b2);
    background-position: -92px -23px;
    width: 18px;
    height: 18px
}

.icon-alexaed-mid {
    background-position: 0 0
}

.icon-alexaed-mid,
.icon-updateed-mid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.midpack.png?v=8c6ddf2b7c);
    width: 32px;
    height: 32px
}

.icon-updateed-mid {
    background-position: -37px 0
}

.icon-outlineed-mid {
    background-position: 0 -37px
}

.icon-includeed-mid,
.icon-outlineed-mid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.midpack.png?v=8c6ddf2b7c);
    width: 32px;
    height: 32px
}

.icon-includeed-mid {
    background-position: -37px -37px
}

.icon-keyworded-mid {
    background-position: -74px 0
}

.icon-keyworded-mid,
.icon-ranked-mid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.midpack.png?v=8c6ddf2b7c);
    width: 32px;
    height: 32px
}

.icon-ranked-mid {
    background-position: -74px -37px
}

.icon-analysised-mid {
    background-position: 0 -74px
}

.icon-analysised-mid,
.icon-safesearched-mid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.midpack.png?v=8c6ddf2b7c);
    width: 32px;
    height: 32px
}

.icon-safesearched-mid {
    background-position: -37px -74px
}

.icon-baidumobile-mid {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.midpack.png?v=8c6ddf2b7c);
    background-position: -74px -74px;
    width: 32px;
    height: 32px
}

.icon-alexa-big {
    background-position: 0 0
}

.icon-alexa-big,
.icon-baidu-big {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.bigpack.png?v=50fa9fe1ad);
    width: 64px;
    height: 64px
}

.icon-baidu-big {
    background-position: -69px 0
}

.icon-friendlink-big {
    background-position: 0 -69px
}

.icon-friendlink-big,
.icon-include-big {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.bigpack.png?v=50fa9fe1ad);
    width: 64px;
    height: 64px
}

.icon-include-big {
    background-position: -69px -69px
}

.icon-keyword-big {
    background-position: -138px 0
}

.icon-keyword-big,
.icon-rank-big {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.bigpack.png?v=50fa9fe1ad);
    width: 64px;
    height: 64px
}

.icon-rank-big {
    background-position: -138px -69px
}

.icon-analysis-big {
    background-position: 0 -138px
}

.icon-analysis-big,
.icon-safesearch-big {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.bigpack.png?v=50fa9fe1ad);
    width: 64px;
    height: 64px
}

.icon-safesearch-big {
    background-position: -69px -138px
}

.icon-baidumobile-big {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.bigpack.png?v=50fa9fe1ad);
    background-position: -138px -138px;
    width: 64px;
    height: 64px
}

.icon-upload {
    background-position: -97px -101px;
    width: 11px;
    height: 11px
}

.icon-upload,
.icon-warnning {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9)
}

.icon-warnning {
    background-position: -101px -82px;
    width: 14px;
    height: 14px
}

.icon-ok {
    background-position: -82px -82px;
    width: 14px;
    height: 14px
}

.icon-ok,
.icon-qq-bind {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9)
}

.icon-qq-bind {
    background-position: -41px 0;
    width: 36px;
    height: 36px
}

.icon-qq-unbind {
    background-position: 0 -41px
}

.icon-qq-unbind,
.icon-weibo-bind {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9);
    width: 36px;
    height: 36px
}

.icon-weibo-bind {
    background-position: -41px -41px
}

.icon-weibo-unbind {
    background-position: 0 0
}

.icon-rss-unbind,
.icon-weibo-unbind {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9);
    width: 36px;
    height: 36px
}

.icon-rss-unbind {
    background-position: -82px 0
}

.icon-rss-bind {
    background-position: -82px -41px
}

.icon-rss-bind,
.icon-wechat-unbind {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9);
    width: 36px;
    height: 36px
}

.icon-wechat-unbind {
    background-position: 0 -82px
}

.icon-wechat-bind {
    background-position: -41px -82px;
    width: 36px;
    height: 36px
}

.icon-say,
.icon-wechat-bind {
    display: inline-block;
    font-size: 0;
    background-image: url(../images/sprite.account.png?v=5bab2f27b9)
}

.icon-say {
    background-position: -82px -101px;
    width: 10px;
    height: 13px
}

.invitation-shade {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2
}

.invitation-shade .jia-bg {
    position: absolute;
    left: 50%;
    margin-top: 60px;
    margin-left: -590px;
    width: 1180px;
    height: 690px;
    background: url(../images/jia.jpg?v=a3926249e2) no-repeat
}

.invitation-shade .tips-error {
    float: none
}

.invitation-shade .layer {
    top: 60px;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .6)
}

.invitation-shade .bottom {
    overflow: hidden;
    margin-top: 50px
}

.invitation-shade .share {
    width: 186px;
    margin: 50px auto 0
}

.invifriend-modal .app-modal-box {
    width: 700px;
    height: 556px;
    padding: 24px 30px;
    background: url(../images/formal/modal.png?v=497eb79433) top center no-repeat;
    box-shadow: none
}

.invifriend-modal .app-modal-box .header {
    height: 24px
}

.invifriend-modal .app-modal-box .icon-close {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: url(../images/formal/close.png?v=594fd4f280) top center no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0 0
}

.invifriend-modal .app-modal-box .icon-close:hover {
    background: url(../images/formal/close-h.png?v=942e2974e0) top center no-repeat
}

.invifriend-modal .body {
    padding: 0 40px
}

.invifriend-modal .body .title {
    text-align: center;
    font-size: 30px;
    color: #ff2c2b;
    overflow: hidden
}

.invifriend-modal .body .share-title {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
    color: #8c4507;
    overflow: hidden
}

.invifriend-modal .body .share-title em {
    font-weight: 700
}

.invifriend-modal .body .copy-wrap {
    overflow: hidden;
    clear: both
}

.invifriend-modal .body .copy-wrap input {
    width: 450px;
    float: left;
    height: 32px;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 20px
}

.invifriend-modal .body .copy-wrap button {
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    border: 0;
    background-color: #ff2c2b
}

.invifriend-modal .body .code2d-wrap {
    padding: 9px;
    width: 178px;
    height: 178px;
    margin: 15px auto 0;
    background: url(../images/formal/friendcheck/code.png?v=54a9bc8cd0) top center no-repeat
}

.invifriend-modal .body .code2d-wrap .img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.kf5order-modal .app-modal-box {
    width: 750px;
    height: 520px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -220px;
    margin-left: -375px
}

.kf5order-modal .app-modal-box.tips {
    width: 380px;
    padding: 10px
}

.kf5order-modal .app-modal-box.tips a {
    color: #2b7bf4
}

.kf5order-modal .app-modal-box.tips .body {
    margin: 50px auto
}

.kf5order-modal .app-modal-box.tips .body div {
    line-height: 25px
}

.kf5order-modal .app-modal-box .kf5left {
    float: left;
    width: 180px;
    height: 100%
}

.kf5order-modal .app-modal-box .cj {
    background: url(../images/formal/cj.jpg?v=9bb369760d) left center no-repeat
}

.kf5order-modal .app-modal-box .ck {
    background: url(../images/formal/ck.jpg?v=f7345001b6) left center no-repeat
}

.kf5order-modal .app-modal-box .custom {
    background: url(../images/formal/custom.jpg?v=a9771441e4) left center no-repeat
}

.kf5order-modal .app-modal-box .kf5right {
    width: 570px;
    float: left;
    overflow-y: auto;
    height: 520px
}

.kf5order-modal .app-modal-box .kf5right .header {
    overflow: hidden;
    font-size: 20px;
    line-height: 60px;
    font-weight: 700;
    color: #333;
    text-indent: 52px
}

.kf5order-modal .app-modal-box .kf5right .header .icon-close {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: url(../images/formal/close.png?v=594fd4f280) top center no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0 0
}

.kf5order-modal .app-modal-box .kf5right .header .icon-close:hover {
    background: url(../images/formal/close-h.png?v=942e2974e0) top center no-repeat
}

.kf5order-modal .app-modal-box .kf5right .body .content {
    margin-bottom: 10px;
    overflow: hidden;
    color: #555
}

.kf5order-modal .app-modal-box .kf5right .body .content .mark {
    color: red;
    text-align: right;
    padding-right: 5px;
    line-height: 30px
}

.kf5order-modal .app-modal-box .kf5right .body .content .tips {
    padding-right: 5px;
    font-size: 14px;
    line-height: 30px
}

.kf5order-modal .app-modal-box .kf5right .body .content .checkbox-wrap>div {
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.kf5order-modal .app-modal-box .kf5right .body .content input[type=text] {
    width: 89%;
    height: 30px;
    line-height: 28px
}

.kf5order-modal .app-modal-box .kf5right .body .content input[type=text].input-short {
    width: 60%
}

.kf5order-modal .app-modal-box .kf5right .body .content input[type=radio] {
    float: left;
    margin-right: 5px
}

.kf5order-modal .app-modal-box .kf5right .body .content textarea {
    width: 89%;
    max-width: 100%;
    height: 105px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
    resize: none
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field {
    background: #f6f7fb;
    border: 1px solid #ebeaee;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    line-height: 24px;
    overflow: hidden;
    width: 89%;
    margin-top: -4px
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field.more {
    height: auto
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .upload {
    display: inline-block;
    float: right;
    width: 82px;
    position: relative;
    text-align: center;
    vertical-align: top
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .upload span {
    display: block;
    height: 30px;
    border-radius: 20px;
    line-height: 30px;
    width: 75px;
    float: left;
    color: #2b7bf4;
    font-weight: 500
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .upload input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .show-more {
    cursor: pointer;
    vertical-align: top;
    display: none;
    margin-left: 10px
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .show-more span {
    display: inline-block;
    width: 3px;
    height: 4px;
    background-color: #b5b9c6;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .uploaded-files {
    display: inline-block;
    width: 130px;
    vertical-align: top;
    margin: 2px 0 10px
}

.kf5order-modal .app-modal-box .kf5right .body .content .upload-field .uploaded-files .uploaded-list {
    list-style: none;
    padding-left: 0
}

.kf5order-modal .app-modal-box .kf5right .footer {
    padding-right: 30px
}

.kf5order-modal .app-modal-box .kf5right .footer button {
    padding: 0;
    border: 0;
    float: right;
    width: 76px;
    height: 32px;
    background-color: #2b7bf4;
    border-radius: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    box-shadow: 2px 4px 4px rgba(43, 123, 244, .2)
}

i.fire {
    display: inline-block;
    position: relative;
    top: 7px;
    width: 18px;
    margin-left: 3px;
    height: 25px;
    background: url(../images/upgrademax/fire.png?v=977dfe04c0) center no-repeat
}

.Fn-ui-list {
    border: 1px solid #e6e6e6;
    position: relative
}

.Fn-ui-list dd,
.Fn-ui-list dl,
.Fn-ui-list dt {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.Fn-ui-list dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    line-height: 72px;
    font-size: 0;
    line-height: 0;
    width: 100%;
    white-space: nowrap;
    border-top: 1px solid #e6e6e6;
    table-layout: fixed
}

.Fn-ui-list.jurisdiction>dl {
    margin-bottom: 0
}

.Fn-ui-list.jurisdiction>dl>dd,
.Fn-ui-list.jurisdiction dl {
    height: 40px;
    line-height: 40px
}

.Fn-ui-list.jurisdiction dd,
.Fn-ui-list.jurisdiction dt {
    padding: 0 10px
}

.Fn-ui-list.jurisdiction dt {
    color: #666
}

.Fn-ui-list.jurisdiction dd {
    color: #888
}

.Fn-ui-list>dl:first-child {
    margin-bottom: -1px;
    border-top: none;
    background-color: #fafafa;
    height: 40px;
    line-height: 40px
}

.Fn-ui-list>dl:first-child dt {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6
}

.Fn-ui-list>dl:hover {
    background-color: #fafafa
}

.Fn-ui-list>dl>dd {
    height: 72px;
    line-height: 72px
}

.Fn-ui-list>dl>dd.chart {
    overflow: visible
}

.Fn-ui-list>dl>dd.chart a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-decoration: none
}

.Fn-ui-list dd,
.Fn-ui-list dt {
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

.Fn-ui-list dd em,
.Fn-ui-list dt em {
    font-style: normal
}

.Fn-ui-list dd.left,
.Fn-ui-list dt.left {
    text-align: left
}

.Fn-ui-list dd.center,
.Fn-ui-list dt.center {
    text-align: center
}

.Fn-ui-list dd.right,
.Fn-ui-list dt.right {
    text-align: right
}

.Fn-ui-list dd.auto,
.Fn-ui-list dt.auto {
    width: auto
}

.Fn-ui-list dd a,
.Fn-ui-list dt a {
    color: #0c7df5
}

.Fn-ui-list dd a:hover,
.Fn-ui-list dt a:hover {
    text-decoration: underline
}

.Fn-ui-list dt {
    font-weight: 700
}

.jurisdiction-grid>dl>dd,
.jurisdiction-grid dl {
    height: 40px;
    line-height: 40px
}

.jurisdiction-grid dd,
.jurisdiction-grid dt {
    padding: 0 10px
}

.jurisdiction-grid dt {
    color: #666
}

.jurisdiction-grid dd {
    color: #888
}

.account-aside li {
    height: 35px;
    line-height: 35px
}

.account-aside li:first-child {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #444;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6
}

.account-aside li a {
    padding: 0 10px;
    color: #6e6e6e
}

.account-aside li a.active {
    padding: 0 14px 0 12px;
    color: #3892f2;
    background-color: #f8f4f1;
    border: 1px solid #e6e6e6;
    border-left: 2px solid #3892f2;
    border-right: none
}

.account-aside li a:hover {
    color: #3892f2
}

.account-aside li:nth-child(2) a.active {
    border-top: 1px solid #e6e6e6;
    border-top: 0
}

.account-section-wrap {
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 2px 2px hsla(0, 0%, 79%, .2)
}

.account-content {
    font-size: 14px
}

.account-content h4.title {
    color: #666
}

.account-content .wx-nosubscribe {
    border-bottom: none;
    height: 300px
}

.account-content .wx-nosubscribe .wx-tip {
    color: #a66d30
}

.account-content .wx-nosubscribe .nbtn {
    float: right;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    width: 70px;
    text-align: center
}

.account-content .wx-nosubscribe .cbox {
    clear: both;
    width: 100%;
    border: 1px solid #efd097;
    background-color: #fff8f0;
    color: #a66d30;
    line-height: 42px;
    padding: 25px 20px 10px
}

.account-content .wx-nosubscribe .cbox .c1 {
    height: 171px;
    border-right: 1px solid #f7e5c2;
    padding-top: 25px;
    float: left;
    width: 68%
}

.account-content .wx-nosubscribe .cbox .c1 .weight {
    font-weight: 700
}

.account-content .wx-nosubscribe .cbox .c1 .weight i {
    float: left;
    margin-top: 15px;
    margin-right: 5px
}

.account-content .wx-nosubscribe .cbox .c1 .no {
    float: right;
    color: red;
    margin-right: 15px
}

.account-content .wx-nosubscribe .cbox .c1 .do {
    color: #999;
    float: right;
    margin-right: 15px
}

.account-content .wx-nosubscribe .cbox .c2 {
    float: left;
    width: 32%;
    text-align: center;
    padding-left: 22px
}

.account-content .wx-nosubscribe .cbox .c2 .c2-div1 {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px
}

.account-content .wx-nosubscribe .cbox .c2 .c2-div2 {
    color: #999;
    line-height: 35px
}

.account-content .qq-group-wrap {
    width: 100%;
    height: 21px;
    margin-top: 10px;
    margin-bottom: 25px
}

.account-content .qq-group-wrap li {
    width: auto;
    float: left;
    margin-right: 25px
}

.account-content .qq-group-wrap li em {
    font-style: normal
}

.account-content .qq-group-wrap li em.blue {
    color: #0c7df5;
    padding: 0 5px
}

.account-content .qq-group-wrap li em.red {
    color: #ff4038
}

.account-content .qq-group-wrap li i {
    display: block;
    margin-right: 5px
}

.account-content .qq-group-wrap li i.qq-group {
    width: 15px;
    height: 16px;
    float: left;
    background: url(../images/login/account/qq-group.gif?v=b062e11e14) no-repeat
}

.account-content input[type=text] {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    padding: 0 7px;
    height: 100%
}

.account-content button {
    border: 0;
    min-width: 80px;
    border-radius: 2px;
    padding: 0 15px;
    text-align: center;
    background-color: #0c7df5;
    color: #fff;
    font-size: 14px
}

.account-content .account-content-header {
    margin-top: 40px;
    margin-bottom: 20px;
    overflow: hidden
}

.account-content .account-content-header>div {
    height: 48px;
    float: left
}

.account-content .account-content-header i {
    display: inline-block
}

.account-content .account-content-header i.account {
    width: 48px;
    height: 48px;
    background: url(../images/account/avatar48.png?v=0d335471fc) no-repeat center
}

.account-content dl {
    height: 36px;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 0;
    clear: both
}

.account-content dl input {
    height: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    width: 100%
}

.account-content dl i {
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 5px
}

.account-content dd {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    text-align: left;
    padding-right: 10px
}

.account-content dd.center {
    text-align: center
}

.account-content dd.right {
    text-align: right
}

.account-content dd button {
    min-width: 110px;
    line-height: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    background-color: #0c7df5;
    border: none;
    border-radius: 4px;
    font-size: 14px
}

.account-content dd .vcode-mobile-btn {
    min-width: 110px;
    line-height: 36px;
    height: 36px;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #1881ec;
    border: 1px solid #1881ec
}
.account-content dd .vcode-mobile-btn:hover {
    background-color: #1881ec;
    color: #fff
}

.account-content dd .vcode-mobile-btn.notallow,
.account-content dd .vcode-mobile-btn.notallow2 {
    /*cursor: not-allowed;*/
    background-color: #e4e4e4;
    color: #fff;
    border: none
}

.account-content dd .vcode-mobile-btn.notallow2:hover,
.account-content dd .vcode-mobile-btn.notallow:hover {
    cursor: not-allowed;
    background-color: #e4e4e4;
    color: #fff
}



.account-content dd button.notallow {
    cursor: not-allowed;
    background-color: #e4e4e4
}

.account-content dd .warning {
    color: #ff4038;
    float: left
}

.account-content dd .warning a {
    color: #0c7df5;
    padding: 0 5px
}

.account-content dd .comfrim {
    color: #7bcd6b
}

.account-content dd .comfrim i {
    display: inline-block;
    margin: 10px 5px 0
}

.account-content .verify>div {
    float: left;
    height: 38px
}

.account-content .verify a {
    float: right;
    display: block;
    height: 36px;
    line-height: 36px;
    margin-top: 1px;
    border: 1px solid #e6e6e6;
    color: #333;
    text-align: center;
    border-radius: 2px
}

.account-content .verify a:hover {
    color: #fff!important;
    background-color: #0c7df5
}


.account-content .verify a.notallow,
.account-content .verify a.notallow2 {
    cursor: not-allowed;
    background-color: #e4e4e4
}

.account-content .verify a.notallow2 {
    color: #fff
}

.account-content .verify a.notallow3 {
    cursor: not-allowed;
    background-color: #e4e4e4
}

.account-content .tips em {
    font-style: normal;
    color: #4e4e4e
}

.account-content .tips em.red {
    color: #ff4038
}

.account-content .invitation-code {
    height: 63px;
    line-height: 38px;
    overflow: hidden;
    clear: both;
    margin-top: 10px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #e6e6e6
}

.account-content .invitation-code i {
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 5px
}

.account-content .invitation-code>div,
.account-content .invitation-code button {
    width: auto;
    float: left;
    margin-right: 5px;
    height: 36px;
    line-height: 36px
}

.account-content .invitation-code input[type=text] {
    height: 36px;
    line-height: 36px
}

.account-content .invitation-code em {
    font-style: normal
}

.account-content .invitation-code em.red {
    color: #ff4038
}

.avatar-now {
    margin-bottom: 20px
}

.avatar-now>div {
    overflow: hidden
}

.avatar-now>div div {
    position: relative;
    float: left;
    margin-right: 80px;
    overflow: hidden
}

.avatar-now>div div:nth-child(1) {
    width: 128px;
    height: 128px;
    border-radius: 64px
}

.avatar-now>div div:nth-child(2) {
    top: 80px;
    width: 48px;
    height: 48px;
    border-radius: 24px
}

.avatar-now>div div:nth-child(1) img {
    width: 128px;
    height: 128px
}

.avatar-now>div div:nth-child(2) img {
    width: 48px;
    height: 48px
}

.avatar-now>div div:nth-child(3) {
    top: 98px;
    width: 30x;
    height: 30px;
    border-radius: 18px
}

.avatar-now>div div:nth-child(3) img {
    width: 30px;
    height: 30px
}

.avatar-now>span {
    display: block;
    padding-bottom: 20px;
    color: grey
}

.avatar-now .describe {
    clear: both;
    overflow: hidden
}

.avatar-now .describe>div {
    height: 25px
}

.avatar-now .describe div {
    position: static;
    border: 0;
    text-align: center;
    margin-right: 80px;
    float: left;
    color: grey
}

.avatar-now .describe>div:nth-child(1) {
    width: 128px;
    height: 25px
}

.avatar-now .describe>div:nth-child(2) {
    width: 48px;
    height: 25px;
    margin-right: 72px
}

.avatar-now .describe>div:nth-child(3) {
    width: 48px;
    height: 25px
}

.avatar-upload .red {
    color: #ff4038
}

.avatar-upload .btn-upload {
    margin-top: 20px;
    width: 126px;
    height: 30px;
    line-height: 30px;
    display: block;
    background-color: #0c7df5;
    color: #fff;
    padding: 0 10px;
    border-radius: 4px
}

.avatar-upload .btn-upload i {
    margin-right: 10px
}

.avatar-upload .upload-wrap {
    margin-top: 20px;
    clear: both;
    height: 302px;
    position: relative;
}

.avatar-upload .upload-wrap .edit {
    float: left;
    width: 343px;
    height: 302px;
    padding-right: 40px;
    border-right: 1px solid #e6e6e6;
    background: url(../images/upload.png?v=fdbc0d8abf) no-repeat left;
    /*overflow: hidden;*/
}

/*.avatar-upload .upload-wrap .edit img{width: 100%}*/

.avatar-upload .upload-wrap .preview {
    position: absolute;
    float: left;
    width: 130px;
    height: 130px;
    left: 340px;
    margin-left: 40px;
}

.avatar-upload .upload-wrap .preview.change{
    margin-left: 383px;
}

.avatar-upload .upload-wrap .preview,
.avatar-upload .upload-wrap .preview>div {
    background: url(../images/preview.png?v=52a58f5297) no-repeat left
}

.avatar-upload .tips {
    margin: 10px 0;
    color: #999
}

.avatar-upload button {
    min-width: 110px;
    line-height: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    background-color: #0c7df5;
    border: none;
    border-radius: 4px;
    font-size: 14px
}

.binding-wrap li {
    height: 81px;
    border-bottom: 1px dashed #e6e6e6
}

.binding-wrap li>i {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 22px;
    margin-right: 5px
}

.binding-wrap li>div {
    float: left;
    line-height: 80px
}

.binding-wrap li>a {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    border-radius: 4px;
    background-color: #0c7df5;
    width: 70px;
    text-align: center;
    color: #fff
}

.binding-wrap li>a.cancel {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    line-height: 28px;
    color: #666
}

.account-notice-wrap>li {
    padding: 15px 0;
    border-bottom: 1px dashed #e6e6e6
}

.account-notice-wrap>li .blue {
    color: #0c7df5
}

.account-notice-wrap .notice .name {
    width: 100%;
    height: 25px;
    line-height: 25px
}

.account-notice-wrap .notice .name .type {
    width: 75%;
    float: left;
    font-size: 15px;
    color: #545454;
    text-overflow: ellipsis;
    font-weight: 700
}

.account-notice-wrap .notice .name .type i {
    position: relative;
    top: -10px
}

.account-notice-wrap .notice .name .time {
    width: 25%;
    float: right;
    font-size: 12px;
    color: #999;
    text-align: right
}

.account-notice-wrap .notice .content {
    width: 100%;
    height: auto;
    color: #888;
    line-height: 20px
}

.account-notice-wrap .notice .content a {
    color: #0c7df5
}

.accredit-tips {
    width: 100%;
    text-align: center;
    line-height: 32px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6
}

.accredit-tips span {
    display: inline-block;
    position: relative;
    top: -8px;
    height: 32px;
    line-height: 32px
}

.accredit-tips i {
    display: inline-block;
    margin-right: 5px
}

.accredit-tips em {
    font-style: normal;
    color: #0c7df5
}

.invi-code-title {
    width: auto
}

.invi-code-title>div {
    width: 319px;
    height: 36px;
    padding: 0 10px;
    float: left;
    line-height: 34px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa;
    color: #666
}

.invi-code-title>div:first-child {
    width: 320px;
    border: 1px solid #e6e6e6
}

.invi-code-title>div span {
    display: inline-block;
    float: right
}

.invi-code-title>div span:first-child {
    float: left
}

.invi-code-content {
    width: 639px;
    clear: both
}

.invi-code-content>div {
    line-height: 35px;
    padding: 0 10px;
    width: 319px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}

.invi-code-content>div:after,
.invi-code-content>div:before {
    content: " ";
    display: table
}

.invi-code-content>div:after {
    clear: both
}

.invi-code-content>div>a {
    float: right;
    color: #0c7df5
}

.invi-code-content>div>a.used {
    cursor: not-allowed;
    color: #999
}

.lv1 {
    background: url(../images/lv1.png?v=55529e99bb) no-repeat left center
}

.lv1.gray {
    background: url(../images/lv1-b.png?v=598e419d0b) no-repeat center
}

.lv2 {
    background: url(../images/lv2.png?v=c7112e5513) no-repeat left center
}

.lv2.gray {
    background: url(../images/lv2-b.png?v=6f5c237fae) no-repeat center
}

.lv3 {
    background: url(../images/lv3.png?v=798051e5e0) no-repeat left center
}

.lv3.gray {
    background: url(../images/lv3-b.png?v=5e628957b7) no-repeat center
}

.lv4 {
    background: url(../images/lv4.png?v=f47a8acff9) no-repeat left center
}

.lv4.gray {
    background: url(../images/lv4-b.png?v=e912cfc3f7) no-repeat center
}

.lv5 {
    background: url(../images/lv5.png?v=cd7fdc77e0) no-repeat left center
}

.lv5.gray {
    background: url(../images/lv5-b.png?v=6cb6af3e53) no-repeat center
}

.level-wrap {
    height: 128px;
    width: 100%;
    margin-bottom: 10px
}

.level-wrap .avatar-wrap {
    width: 128px;
    height: 128px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden
}

.level-wrap .avatar-wrap img {
    display: block;
    border: none;
    width: 128px;
    height: 128px
}

.level-wrap .info-wrap {
    width: auto;
    height: 128px;
    float: left
}

.level-wrap .top-wrap {
    height: 28px
}

.level-wrap .top-wrap i {
    display: block;
    float: left;
    width: 51px;
    height: 28px;
    margin-right: 9px
}

.level-wrap .top-wrap .suoming {
    display: block;
    height: 22px;
    line-height: 22px;
    margin-top: 3px;
    position: relative;
    float: left;
    padding: 0 10px;
    color: #888;
    margin-right: 20px;
    background-color: #e4f4fc;
    font-size: 12px
}

.level-wrap .top-wrap .suoming.tips2 {
    margin-top: 5px;
    background-color: #fff1de
}

.level-wrap .top-wrap .suoming.tips2 em {
    color: #ff4038
}

.level-wrap .top-wrap .suoming em {
    display: inline-block;
    font-style: normal;
    color: #2c8cee;
    padding: 0 5px
}

.level-wrap .top-wrap>a {
    float: left;
    height: 22px;
    line-height: 22px;
    display: block;
    padding: 0 10px;
    background-color: #ffaa01;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    margin-top: 5px
}

.level-wrap .level-chart-wrap {
    margin-top: 10px;
    width: 524px;
    height: 28px;
    background: url(../images/level-chart.png?v=8af0f109da) no-repeat center
}

.level-wrap .level-name-wrap {
    margin-top: 9px
}

.level-wrap .level-name-wrap .line-bg {
    position: absolute;
    background-color: #e7e7e7;
    height: 4px;
    width: 524px;
    margin-top: 12px
}

.level-wrap .level-name-wrap ul {
    height: 28px;
    list-style: none;
    position: relative
}

.level-wrap .level-name-wrap ul li {
    width: 25%;
    float: left
}

.level-wrap .level-name-wrap ul li i {
    width: 64px;
    height: 28px;
    display: block;
    margin: 0 auto
}

.level-wrap .level-name-wrap ul li:first-child i {
    margin-left: 0
}

.level-wrap .level-name-wrap ul li:last-child i {
    float: right;
    margin-right: 0
}

.level-wrap .level-name-wrap ul li:last-child .lv4 {
    background: url(../images/lv4.png?v=f47a8acff9) no-repeat right center
}

.level-wrap .level-name-wrap ul li:last-child .lv4.gray {
    background: url(../images/lv4-b.png?v=e912cfc3f7) no-repeat center
}

.level-wrap .level-name-tips-wrap {
    height: 30px
}

.level-wrap .level-name-tips-wrap ul {
    overflow: hidden;
    clear: both
}

.level-wrap .level-name-tips-wrap li {
    width: 25%;
    float: left;
    list-style: none;
    font-size: 12px
}

.level-wrap .level-name-tips-wrap li>div {
    position: relative;
    margin: 5px auto 0;
    font-size: 14px;
    color: #888;
    text-align: center;
    width: 70px;
    height: 24px;
    border: 1px solid #e6e6e6
}

.level-wrap .level-name-tips-wrap li>div:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 3;
    top: -8px;
    left: 27px;
    border: 4px solid transparent;
    border-bottom: 4px solid #fff
}

.level-wrap .level-name-tips-wrap li>div:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 0;
    z-index: 2;
    top: -11px;
    left: 25px;
    border: 6px solid transparent;
    border-bottom: 5px solid #e6e6e6
}

.level-wrap .level-name-tips-wrap li .first {
    margin-left: 0
}

.level-wrap .level-name-tips-wrap li .last {
    float: right;
    margin-right: 0
}

.level-friend-list {
    overflow: hidden;
    clear: both
}

.level-friend-list li {
    float: left;
    width: 190px;
    height: 48px;
    margin-bottom: 20px
}

.level-friend-list li.null-tips {
    width: 100%;
    height: 120px;
    text-align: center;
    line-height: 120px;
    margin-bottom: 0
}

.level-friend-list li>.avatar {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
    float: left
}

.level-friend-list li>.avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.level-friend-list li>.name {
    width: 142px;
    float: left;
    line-height: 48px;
    padding: 0 20px 0 3px;
    font-size: 14px;
    color: #888;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tequan table {
    font-size: 14px;
    border-color: #e6e6e6;
    border: 1px solid #e6e6e6
}

.tequan th {
    height: 60px;
    color: #666;
    padding: 10px 14px;
    line-height: 22px
}

.tequan th em {
    font-weight: 400;
    font-style: normal
}

.tequan tr {
    height: 48px;
    line-height: 48px
}

.tequan tr th:nth-last-child(2) {
    background-color: #fffaf6;
    color: #666
}

.tequan tr th:nth-last-child(1) {
    background-color: #f4f9ff;
    color: #878986
}

.tequan tr th:nth-last-child(4) {
    text-align: left
}

.tequan tr th:nth-last-child(5) {
    color: #666;
    text-align: left
}

.tequan tr td {
    padding: 0 10px;
    text-align: center;
    color: #888
}

.tequan tr td i {
    position: relative;
    height: 15px;
    width: 15px;
    display: inline-block
}

.tequan tr td i.delete {
    background: url(../images/delete.png?v=5a56ab3770) no-repeat center
}

.tequan tr td i.check {
    background: url(../images/check.png?v=15311674e8) no-repeat center
}

.tequan tr td i.giving {
    background: url(../images/giving.png?v=7ef5666b69) no-repeat center
}

.tequan tr td:nth-last-child(2) {
    background-color: #fffaf6;
    color: #666;
    padding: 0 5px
}

.tequan tr td:nth-last-child(1) {
    background-color: #f4f9ff;
    color: #878986;
    padding: 0 5px
}

.tequan tr td:nth-last-child(3) {
    padding: 0 5px
}

.tequan tr td:nth-last-child(4) {
    text-align: left
}

.tequan tr td:nth-last-child(5) {
    color: #666;
    text-align: left
}

.user-greenChannel-left {
    float: left;
    width: 620px
}

.user-greenChannel-right {
    float: right;
    width: 278px
}

.user-greenChannel-right .section-title-wrap .title {
    border-bottom: 2px solid #50d139
}

.my-greenChannel li {
    margin-top: 20px;
    float: left;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    width: 100%
}

.my-greenChannel li:first-child {
    margin-top: 0
}

.my-greenChannel li:last-child {
    border: none
}

.my-greenChannel li i {
    float: left;
    margin-right: 10px
}

.my-greenChannel li .info {
    height: 38px;
    float: left
}

.my-greenChannel li .info .name {
    color: #666;
    line-height: 19px
}

.my-greenChannel li .info .time {
    line-height: 19px;
    color: #50d139;
    font-size: 13px
}

.my-greenChannel li .tips {
    float: left;
    padding-left: 46px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding-top: 5px
}

.my-greenChannel li .operation {
    height: 38px;
    float: right;
    display: block;
    font-size: 12px
}

.my-greenChannel li .operation a {
    display: block;
    width: 60px;
    height: 24px;
    margin-top: 7px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    background-color: #50d139
}

.vip-progress-tips {
    margin-top: 20px;
    overflow: visible;
    width: 470px
}

.vip-progress-tips>div {
    float: left;
    height: 38px;
    line-height: 32px;
    width: 50%;
    text-align: center;
    background: url(../images/tips2.png?v=f5d2f81d73) no-repeat center
}

.vip-progress-tips>div span {
    display: inline-block;
    color: #0c7df5;
    padding: 0 2px
}

.vip-progress-tips>div.ing {
    background: url(../images/site.png?v=55e157d528) no-repeat center
}

.vip-progress-tips>div a {
    display: block
}

.vip-progress-tips .tips1 {
    width: 25%;
    text-align: left;
    background: url(../images/tips1.png?v=560e0a0772) no-repeat center left;
    text-indent: 11px
}

.vip-progress-tips .tips5 {
    width: 25%;
    background: url(../images/tips5.gif?v=a268ed4122) no-repeat center right
}

.vip-progress-tips .tips5.ing {
    background-position: center right
}

.vip-progress-tips .tips5l6 {
    float: left;
    height: 38px;
    line-height: 32px;
    text-align: center
}

.vip-progress {
    width: 470px;
    overflow: hidden;
    margin-top: 5px
}

.vip-progress>div {
    float: left;
    height: 10px
}

.vip-progress .disc {
    width: 10px;
    height: 10px;
    background: url(../images/disc.png?v=d9966355d4) no-repeat center
}

.vip-progress .disc.finish {
    background: url(../images/disc-ed.png?v=31784097d2) no-repeat center
}

.vip-progress .line {
    width: 220px;
    height: 4px;
    margin-top: 3px;
    background-color: #e6e6e6
}

.vip-progress .line.finish {
    background-color: #0c7df5
}

.vip-grade-name {
    margin-top: 8px;
    overflow: hidden
}

.vip-grade-name ul {
    height: 28px;
    list-style: none;
    position: relative
}

.vip-grade-name ul li {
    width: 50%;
    float: left
}

.vip-grade-name ul li i {
    width: 51px;
    height: 28px;
    display: block;
    margin: 0 auto
}

.vip-grade-name ul li:first-child {
    width: 25%
}

.vip-grade-name ul li:first-child i {
    margin-left: 0
}

.vip-grade-name ul li:last-child {
    width: 50px;
    height: 26px;
    width: 25%
}

.vip-grade-name ul li:last-child i {
    float: right;
    margin-right: 0
}

.invitation-bottom {
    margin-top: 10px;
    text-align: right;
    overflow: hidden;
    clear: both
}

.invitation-bottom>a {
    display: inline-block;
    width: 160px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin-left: 17px;
    margin-right: 17px;
    font-size: 14px;
    background-color: #ffaa01
}

.invitation-bottom>a.btn-blue {
    background-color: #0c7df5
}

.transfer-content-wrap {
    padding: 20px 0;
    border-bottom: 1px dashed #ededed
}

.transfer-content-wrap .title {
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-right: 9px;
    color: #0c7df5;
    font-size: 18px;
    font-weight: 700
}

.transfer-content-wrap .title i {
    display: block;
    height: 32px;
    width: 32px;
    margin-right: 5px;
    margin-top: 0;
    line-height: 32px;
    float: left
}

.transfer-content-wrap .title i.title1 {
    background: url(../images/t-title1.png?v=9d9394e226) no-repeat center
}

.transfer-content-wrap .title i.title2 {
    background: url(../images/t-title2.png?v=eb3f0f510f) no-repeat center
}

.transfer-content-wrap .title i.title3 {
    background: url(../images/t-title3.png?v=2082878078) no-repeat center
}

.transfer-content-wrap .title i.title4 {
    background: url(../images/t-title4.png?v=c1a4bfb85b) no-repeat center
}

.transfer-content-wrap .banner1 {
    width: 100%;
    height: 190px;
    background: url(../images/step.png?v=47442357ed) no-repeat center
}

.transfer-content-wrap .tips {
    font-size: 16px;
    color: #666;
    margin-top: 20px
}

.transfer-content-wrap ul {
    font-size: 16px;
    color: #666;
    list-style: none
}

.transfer-content-wrap ul li {
    line-height: 36px
}

.transfer-content-wrap ul .name {
    width: 70px;
    font-weight: 700;
    display: block;
    float: left
}

.transfer-content-wrap dl {
    margin: 0;
    padding: 0;
    height: 28px;
    margin-top: 10px
}

.transfer-content-wrap dd {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    float: left;
    margin-left: 20px
}

.transfer-content-wrap dd:first-child {
    margin-left: 0
}

.transfer-content-wrap dd i {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-top: 0;
    margin-right: 10px
}

.transfer-content-wrap dd i.qq {
    background: url(../images/qq.png?v=2dbe344672) no-repeat center
}

.transfer-content-wrap dd i.phone {
    background: url(../images/phone.png?v=4eb694c23d) no-repeat center
}

.transfer-content-wrap dd em {
    font-weight: 700;
    font-style: normal
}

.account-content .download-tips {
    margin-bottom: 20px;
    color: #888;
    position: relative
}

.account-content .download-tips em {
    color: #ff3b45;
    font-style: normal
}

.account-content .download-tips a {
    color: #0c7df5
}

.account-content .download-tips .webcat-switch {
    position: absolute;
    bottom: 0;
    right: 0
}

.account-content .download-tips .webcat-switch .switch-wrap {
    float: left;
    margin-top: 3px;
    margin-right: 3px;
    width: 26px;
    height: 20px;
    cursor: pointer;
    background: url(../images/swtich-off.png?v=652e356dbc) no-repeat center
}

.account-content .download-tips .webcat-switch .switch-wrap.on {
    background: url(../images/swtich-on.png?v=3f867c4c0d) no-repeat center
}

.account-content .download-tips .webcat-switch .write-wrap {
    display: inline-block;
    position: relative;
    font-size: 12px;
    background: url(../images/icon-webcat.png?v=1284248141) no-repeat center right;
    padding-right: 18px;
    cursor: pointer
}

.account-content .download-tips .webcat-switch .write-wrap .code-tips {
    width: 100px;
    height: 130px;
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
    box-shadow: 0 0 4px #eee;
    padding-top: 10px;
    background: #fff;
    text-align: center;
    line-height: 17px;
    display: none
}

.account-content .download-tips .webcat-switch .write-wrap:hover .code-tips {
    display: block
}

.account-content .download-tips .webcat-switch .explain:after {
    left: 560px
}

.account-content .download-tips .webcat-switch .explain:before {
    left: 561px
}

.account-content .dl-down {
    margin-bottom: 0
}

.account-content .dl-down .explain-wrap {
    width: 100%;
    height: 32px;
    position: static!important
}

.account-content .dl-down .explain-wrap>.explain {
    margin-top: 8px;
    margin-bottom: 5px;
    left: 5px!important;
    color: #f69a2d;
    width: 946px;
    padding: 5px
}

.account-content .dl-down>dd {
    overflow: visible;
    height: auto!important
}

.account-content .dl-down .icon-small-crow,
.account-content .dl-down .icon-small-crow-notyear,
.account-content .dl-down .icon-small-crow-year {
    position: absolute;
    left: -7px;
    top: -18px
}

.account-content .dl-down>dd {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888
}

.account-content .dl-down>dd.red {
    color: #ff3b45
}

.account-content .dl-down>dd a {
    display: inline-block;
    width: 55px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    background-color: #0c7df5;
    color: #fff;
    border-radius: 2px
}

.account-content .dl-down>dd a:hover {
    text-decoration: none
}

.account-content .dl-down>dd a.not-allow {
    background-color: #d9d9d9;
    cursor: not-allowed
}

.account-content .dl-down>dd a.change {
    position: relative;
    border-radius: 2px;
    margin-top: 7px;
    background-color: transparent
}

.account-content .dl-down>dd a.change.ing {
    width: 55px;
    height: 24px;
    background-color: #f0f0f0
}

.account-content .dl-down>dd a.change.done {
    background-color: #60c64b
}

.account-content .dl-down>dd a.change span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 2
}

.account-content .dl-down>dd a.change .progress {
    height: 100%;
    background-color: #60c64b
}

.account-content .dl-down>dd a.change progress {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #f0f0f0;
    color: #60c64b;
    z-index: 1
}

.account-content .dl-down>dd a.change progress::-moz-progress-bar {
    background: #f0f0f0;
    color: #60c64b
}

.account-content .dl-down>dd a.change progress::-webkit-progress-bar {
    background: #f0f0f0;
    color: #60c64b
}

.account-content .dl-down>dd a.change progress.change-ing {
    color: #60c64b
}

.account-download-list .explain {
    font-weight: 400
}

.account-download-list .explain-wrap>.explain {
    right: 0;
    left: initial
}

.account-download-list .explain-wrap>.explain:before {
    right: 5px;
    left: initial
}

.account-download-list .explain-wrap>.explain:after {
    right: 4px;
    left: initial
}

.account-download-list .dl-down {
    overflow: visible
}

.account-download-list .dl-down.higher {
    height: 76px!important
}

.account-download-list .dl-down dd {
    overflow: visible
}

.pay-wrap table {
    border: 1px solid #ededed
}

.pay-wrap table td,
.pay-wrap table th,
.pay-wrap table tr {
    padding: 0 20px;
    height: 64px;
    color: #888;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee
}

.pay-wrap table td .name {
    color: #0c7df5
}

.pay-wrap table td .name em {
    color: #ff3b45;
    font-style: normal
}

.pay-tips {
    margin-bottom: 20px;
    color: #888
}

.Fn-ui-list>dl:first-child dt {
    color: #666;
    font-size: 12px;
    padding: 0 5px
}

.Fn-ui-list dd,
.Fn-ui-list dt {
    padding: 0 5px;
    height: 40px
}

.section-title-wrap {
    position: relative
}

.ciku-list .Fn-ui-list>dl>dd {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0
}

.ciku-list .Fn-ui-list>dl>dd a {
    color: #0c7df5
}

.ciku-list .rank-wrap dl .keyword div {
    max-width: 220px;
    width: 220px
}

.ciku-list .rank-wrap dl .keyword.sort div,
.ciku-list .rank-wrap dl .keyword div {
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ciku-list .rank-wrap dl .keyword.sort div {
    max-width: 120px;
    width: 120px
}

.ciku-list .dl-rank {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0
}

.ciku-list .dl-rank dd.keyword .dig {
    margin-top: 9px
}

.ciku-list .dl-rank dd .name a {
    font-weight: 400;
    color: #0c7df5;
    display: block;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ciku-list .dl-rank dd .name .cate-wrap {
    font-size: 12px
}

.ciku-list .dl-rank dd .name.single {
    margin-top: 15px
}

.ciku-list .dl-rank dd .name3 a {
    font-weight: 400;
    color: #0c7df5;
    display: block;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ciku-list .dl-rank dd .name3 .cate-wrap {
    font-size: 12px
}

.ciku-list .dl-rank dd .name3.single {
    margin-top: 15px
}

.ciku-list .dl-rank dd .cate-wrap {
    list-style: none;
    margin-top: 2px;
    overflow: hidden;
    margin-top: 5px;
    height: 18px
}

.ciku-list .dl-rank dd .cate-wrap li {
    border-radius: 2px;
    background-color: #eee;
    color: #999;
    padding: 0 3px;
    margin-right: 2px;
    float: left;
    height: 18px;
    line-height: 18px
}

.ciku-list .dl-rank dd .cate-wrap li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #999;
    margin-top: 0;
    font-weight: 400;
    line-height: 18px
}

li,
ul {
    list-style: none
}

.ciku-new-choose {
    overflow: hidden;
    margin-bottom: 10px
}

.ciku-new-choose .left li {
    min-width: 50px;
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    border-radius: 2px;
    float: left;
    background-color: #fafafa;
    color: #0c7df5;
    margin-right: 10px;
    border: 1px solid #ededed;
    text-align: center
}

.ciku-new-choose .left li.active,
.ciku-new-choose .left li:hover {
    background-color: #0c7df5;
    color: #fff;
    border: 1px solid #0c7df5
}

.ciku-new-choose .left li.active a,
.ciku-new-choose .left li:hover a {
    color: #fff
}

.ciku-new-choose .left li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666
}

.form-horizontal {
    width: 240px;
    position: absolute;
    right: 0
}

.form-horizontal input {
    height: 30px!important;
    border-color: #ccc!important
}

.right-report {
    position: relative;
    width: 90px;
    height: 32px;
    float: right
}

.right-report.bottom-report {
    top: -50px
}

.right-report .export-li {
    top: 0;
    right: 0
}

.ciku-info-wrap {
    overflow: hidden;
    height: 175px;
    margin-top: 20px
}

.ciku-info-wrap .left,
.ciku-info-wrap .right {
    float: left;
    width: 50%;
    text-align: left
}

.ciku-info-wrap dd,
.ciku-info-wrap dl,
.ciku-info-wrap dt {
    padding: 0;
    margin: 0;
    color: #666
}

.ciku-info-wrap dl {
    float: left
}

.ciku-info-wrap dl.part2 {
    margin-top: 30px
}

.ciku-info-wrap dt {
    font-weight: 700
}

.ciku-info-wrap dd,
.ciku-info-wrap dt {
    line-height: 24px;
    float: none;
    height: 24px
}

.copy-wrap.copy-wrap1 {
    border-top: 1px dashed #ededed;
    margin-top: 0;
    padding-top: 20px
}

.copy-wrap .btn-copy {
    position: relative;
    left: 5px;
    color: #0c7df5
}

.copy-wrap .btn-copy:hover {
    text-decoration: underline
}

img {
    vertical-align: inherit!important
}

.range_inputs {
    width: 410px
}

.range_inputs button {
    border: initial;
    min-width: inherit;
    border-radius: 4px;
    padding: 0 15px;
    line-height: 1.5;
    border: 1px solid #ededed;
    text-align: center;
    height: 30px
}

.range_inputs button.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.range_inputs button.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.naotu-link-btn {
    background: url(../images/icon-tunao-btn.png?v=e518a50c6d) 5px center no-repeat #0d80f7;
    font-size: 12px;
    padding: 0 5px 0 25px;
    width: 78px!important;
    margin-left: 8px
}

.coupon-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.coupon-title.line {
    border-top: 1px dashed #ededed;
    margin-top: 20px;
    padding-top: 20px
}

.coupon-title .title {
    font-size: 18px;
    font-weight: 700;
    color: #0c7df5;
    float: left;
    line-height: 32px
}

.coupon-title .title i {
    float: left;
    margin-right: 5px
}

.coupon-title .form-horizontal {
    position: absolute;
    right: 0
}

.account-content .nodata {
    height: 145px
}

.account-content .nodata dd {
    text-align: center;
    margin-top: 50px
}

.account-content .dl-coupon {
    margin-bottom: 0;
    height: 40px
}

.account-content .dl-coupon>dd {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888
}

.account-content .dl-coupon>dd.red {
    color: #ff3b45
}

.account-content .dl-coupon>dd.green {
    color: #00c900
}

.account-content .dl-coupon>dd a {
    display: inline-block;
    width: 55px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    background-color: #0c7df5;
    color: #fff;
    border-radius: 2px
}

.account-content .dl-coupon>dd a:hover {
    text-decoration: none
}

.account-content .dl-coupon>dd a.not-allow {
    background-color: #d9d9d9;
    cursor: not-allowed
}

.second-title {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px
}

.second-title>span {
    font-size: 16px;
    font-weight: 700
}

.coupon-wrap table {
    width: 100%;
    color: #666;
    border: 1px solid #ededed;
    text-align: center;
    margin-bottom: 20px
}

.coupon-wrap table tr {
    padding: 0 20px;
    height: 40px;
    color: #888;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee
}

.coupon-wrap table th {
    color: #666
}

.coupon-wrap table th.big {
    font-size: 16px
}

.coupon-wrap table td,
.coupon-wrap table th {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align: center
}

.coupon-wrap table em {
    font-style: normal
}

.coupon-wrap table em.red {
    color: #ff3b45
}

.coupon-wrap table em.green {
    color: #00c900
}

.coupon-wrap table thead {
    background-color: #fafafa
}

.coupon-wrap.account-info {
    font-size: 16px;
    padding-left: 37px;
    margin-top: -15px
}

.coupon-wrap.account-info dl {
    margin-bottom: 0;
    height: 30px;
    line-height: 30px
}

.coupon-wrap.account-info dt {
    min-width: 64px
}

.coupon-wrap.account-info dd,
.coupon-wrap.account-info dt {
    margin: 0;
    padding: 0;
    float: left;
    height: 30px;
    line-height: 30px
}

.btn-copy button {
    background-color: #fff;
    color: #2682e8;
    height: 40px;
    padding: 0
}

.preferential-content {
    margin: 10px 0 30px;
    border: 1px solid #e6e6e6;
    width: 48%;
    margin-left: 2%;
    float: left
}

.preferential-content .preferential-row {
    display: table;
    width: 100%;
    border-top: 1px solid #e6e6e6
}

.preferential-content .preferential-row.preferential-title {
    background-color: #f9f9f9;
    border-top: none
}

.preferential-content .preferential-row .preferential-col {
    float: left;
    width: 33.3333%;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    border-left: 1px solid #e6e6e6
}

.preferential-content .preferential-row .preferential-col:first-child {
    border-left: none
}

.preferential-link-content {
    margin: 10px 0 30px;
    border: 1px solid #e6e6e6;
    width: 48%;
    margin-right: 2%;
    float: left;
    background-color: #f9f9f9;
    height: 246px;
    padding: 15px 0;
    display: table
}

.preferential-link-content .preferential-link-left {
    float: left;
    width: 75%;
    padding: 0 15px
}

.preferential-link-content .preferential-link-right {
    float: left;
    width: 25%;
    border-left: 1px dashed #e6e6e6;
    padding: 0 15px;
    height: 100%
}

.preferential-link-content .results .item {
    padding: 1px 0;
    display: table;
    width: 100%;
    border-bottom: 1px dashed #e6e6e6
}

.preferential-link-content .results .item .left {
    width: 50%;
    float: left
}

.preferential-link-content .results .item .left img {
    position: relative;
    top: 7px
}

.preferential-link-content .results .item .right {
    width: 50%;
    float: left
}

.preferential-input-readonly {
    background-color: #fff;
    height: 28px!important;
    width: 232px;
    display: inherit;
    vertical-align: middle;
    margin-right: 15px;
    border-radius: 2px;
    line-height: 28px;
    padding: 0 10px!important;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.preferential-input-readonly,
.preferential-input-readonly:focus,
.preferential-input-readonly:hover {
    border: 1px solid #e6e6e6!important
}

.preferential-btn-copy button {
    background: #2682e8;
    color: #fff;
    height: 28px;
    width: 50px!important;
    min-width: inherit!important;
    padding: 0
}

.icon-hezuo {
    background-image: url(../images/hezuo.png?v=337f0e8005);
    width: 32px;
    height: 32px
}

.container_list>.account-content{padding: 0 20px}
.container_list>.account-content>ul>li{border-bottom: 1px solid #ebebeb;padding: 20px 0}
.container_list>.account-content>ul>li:last-of-type{border-bottom: none}
.container_list>.account-content>ul>li>.title{color: #606060;font-size: 16px;cursor: pointer; text-align: left; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap}
.container_list>.account-content>ul>li>.content{text-align: left; height: 22px;color: #969696;font-weight: 100;font-size: 12px;margin: 5px 0 8px; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap}
.container_list>.account-content>ul>li>.info{text-align: left}
.container_list>.account-content>ul>li>.info>span{display: inline-block}
.container_list>.account-content>ul>li>.info>span.time{width: 140px; float: left;color: #959595;font-size: 12px;height: 21px;}
.container_list>.account-content>ul>li>.info>span.key{float: left;color: #959595;font-size: 12px;height: 21px;}
.container_list>.account-content>ul>li>.info>span.key>a{color: #959595}
.container_list>.account-content>ul>li>.info>span.key>a:hover{color: #3892f2}

.article_search{text-align: left}
.article_search>span{float: left ; line-height: 34px}
.article_search>div{float: left}
.article_search>div>input{display: inline-block}
.article_search>div>input.search_key{padding: 0 ;margin-left: 20px ; width: 270px ; height: 34px ; box-sizing: border-box ; padding: 5px 7px}
.article_search>div>input.search_search{width: 70px ; height: 34px ; background: #3892f2 ; color: #fff ; border-radius: 5px ; border:none ; margin-left: 10px}

.new_article{text-align: left; margin-top: 20px}
.new_article>.new_article_t>p{float: left ; line-height: 34px}
.new_article>.new_article_t>input{display: inline-block ;padding: 0 ;margin-left: 20px ; width: 270px ; height: 34px ; box-sizing: border-box ; padding: 5px 7px }

.new_article>.new_article_c{text-align: left; margin-top: 20px}
.new_article>.new_article_c>p{ line-height: 34px}
.new_article>.new_article_c>textarea{width: 100% ; height: 300px ; resize: none}

.old_article{margin-top: 20px}
.old_article>.old_article1{float: left ; width: 32%}
.old_article>.old_article1:nth-of-type(2){margin: 0 2%}
.old_article>.old_article1 img{max-width: 100%}
.old_article>.old_article1>h3{text-align: left ; margin-bottom: 10px}

.article_btn{margin-top: 20px}
.article_btn>button{display: inline-block;width: 70px;height: 34px;background: #3892f2;color: #fff;border-radius: 5px;border: none;}
.article_btn>button,.article_btn>.but{display: inline-block;width: 70px;height: 34px;background: #3892f2;color: #fff;border-radius: 5px;border: none;vertical-align: top;
    line-height: 34px;
    cursor: pointer;}
.article_btn>button.cancel{background: #cdcdcd;margin-left: 10px;}



/*页面响应式*/
@media  screen and (max-width: 992px) {

}
@media  screen and (max-width: 767px) {
    .app-modal-box{width: 300px}
    .account-aside li:nth-of-type(3), .account-aside li:nth-of-type(5){display: none}
    .tool-detail .tool-nav{padding: 23px 10px ; width: 100%}
    section.wrapper{width: 100%;min-width: auto;}
    aside{width: 100% ; margin-bottom: 20px ; padding: 0 10px}
    .container{width: 100% ; padding: 0 10px}
    .account-section-wrap{padding: 10px}
    .account-content .account-content-header{margin-top: 20px}
    .account-content dl{height: 72px}
    .account-content dd.right{width: 30%}
    .account-content dd.col2-6{width: 70%}
    .account-content dd.col2-11,.account-content dd.col2-10{width: 100%}

    .account-content dd.you{text-align: right;margin-top: 5px}
    .Fn-ui-list{overflow: scroll}
    .Fn-ui-list>dl{width: 956px}

    .pay-upgrade-modal .body{width: 300px!important;}


    .article_search>div{width: 100%}
    .article_search>div>input.search_key{margin-left: 0 ;width: 190px}
    .new_article>.new_article_t>input{margin-left: 0 ; width: 100%}
    .old_article>.old_article1{float: left ; width: 100% ; margin-top: 10px}
    .old_article>.old_article1:nth-of-type(2){margin-top: 10px}
}
@media  screen and (max-width: 330px) {


}



#float_btn{
    position: fixed;
    right: 50px;
    top: 46%;
    z-index: 9999999;
}
#float_btn span{
    display: block;
    text-align: right;
    cursor: pointer;
    border-radius: 4px;
    padding: 4px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    margin: 10px 0;
}
#float_btn span.span-btn0{
    background: #beeab5;
    border: 1px solid #beeab5;
}
#float_btn span.span-btn1{
    background: #e7efab;
    border: 1px solid #e7efab;
}
#float_btn span.span-btn2{
    background: #baedfd;
    border: 1px solid #baedfd;
}

.span_bg0{
    background: #beeab5!important;
}
.span_bg1{
    background: #e7efab!important;
}
.span_bg2{
    background: #baedfd!important;
}









/*.com-pager {*/
    /*text-align: center;*/
    /*padding: 15px 0;*/
    /*clear: both;*/
/*}*/
/*.ivu-page-item {*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*min-width: 32px;*/
    /*height: 32px;*/
    /*line-height: 30px;*/
    /*margin-right: 4px;*/
    /*text-align: center;*/
    /*list-style: none;*/
    /*background-color: #fff;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    /*cursor: pointer;*/
    /*font-family: Arial;*/
    /*border: 1px solid #dddee1;*/
    /*border-radius: 4px;*/
    /*transition: border .2s ease-in-out, color .2s ease-in-out;*/
/*}*/
/*.com-pager .ivu-page-item-active {*/
    /*background: #feb737;*/
    /*border: 1px solid #feb737;*/
/*}*/
/*.com-pager .ivu-page-item {*/
    /*border: none;*/
    /*border-radius: 50%;*/
/*}*/
/*.ivu-page-item a {*/
    /*margin: 0 6px;*/
    /*text-decoration: none;*/
    /*color: #495060;*/
/*}*/

/*.ivu-page-item-active a, .ivu-page-item-active:hover a {*/
    /*color: #fff;*/
/*}*/
/*.ivu-icon {*/
    /*display: inline-block;*/
    /*font-family: Ionicons;*/
    /*speak: none;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*text-rendering: auto;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.ivu-page-options-elevator {*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*height: 32px;*/
    /*line-height: 32px;*/
/*}*/